获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

Primeiros passos com o Firebase Hosting

O Firebase Hosting oferece uma maneira rápida, segura e confiável de hospedar os recursos estáticos do seu aplicativo (HTML, CSS, JavaScript, arquivos de mídia etc.), bem como fornecer conteúdo dinâmico e hospedar microsserviços .

Nossa hospedagem de nível de produção é apoiada por uma rede global de entrega de conteúdo (CDN). A hospedagem veicula seu conteúdo por SSL, por padrão, e pode ser usada com seu próprio domínio personalizado ou nos subdomínios do seu projeto sem custo em web.app e firebaseapp.com .

Antes de você começar

Antes de configurar o Firebase Hosting, você precisa criar um projeto do Firebase .

Etapa 1 : instalar a Firebase CLI

Visite a documentação da Firebase CLI para saber como instalar a CLI ou atualizar para a versão mais recente .

Passo 2 : Inicialize seu projeto

Para conectar seus arquivos de projeto locais ao projeto do Firebase, execute o seguinte comando na raiz do diretório do projeto local:

firebase init hosting

Durante a inicialização do projeto, nos prompts da Firebase CLI:

  1. Selecione um projeto do Firebase para se conectar ao diretório local do projeto.

    O projeto do Firebase selecionado é o projeto "padrão" do Firebase para o diretório local do projeto. Para conectar projetos adicionais do Firebase ao diretório de projetos local, configure aliases de projetos .

  2. Especifique um diretório a ser usado como seu diretório raiz público.

    Esse diretório contém todos os seus arquivos estáticos veiculados publicamente, incluindo seu arquivo index.html e quaisquer outros recursos que você queira implantar no Firebase Hosting.

    • O padrão para o diretório raiz público é chamado public .

      • Você pode especificar seu diretório raiz público agora ou pode especificá-lo posteriormente em seu arquivo de configuração firebase.json .

      • Se você selecionar o padrão e ainda não tiver um diretório chamado public , o Firebase o criará para você.

    • Se você ainda não tiver um arquivo index.html ou 404.html válido em seu diretório raiz público, o Firebase os criará para você.

  3. Escolha uma configuração para o seu site.

    Se você optar por criar um aplicativo de uma página, o Firebase adicionará automaticamente as configurações de reescrita para você.

Ao final da inicialização, o Firebase cria e adiciona automaticamente dois arquivos à raiz do diretório local do seu aplicativo:

Etapa 3 : implantar em seu site

Para implantar em seu site, execute o seguinte comando na raiz do diretório de projeto local:

firebase deploy --only hosting

Este comando implanta o conteúdo e a configuração do Hosting nos seguintes subdomínios provisionados pelo Firebase:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

Saiba mais sobre implantações e até mesmo como testar localmente seu site .

Próximos passos

Agora seu site está pronto para ser compartilhado com o mundo!