Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

Primeiros passos com o Firebase Hosting

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

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.), além de fornecer conteúdo dinâmico e hospedar microsserviços .

Nossa hospedagem de nível de produção é apoiada por uma rede global de distribuição de conteúdo (CDN). A hospedagem oferece 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 nenhum custo em web.app e firebaseapp.com .

Antes de você começar

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

Etapa 1 : instalar o Firebase CLI

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

Passo 2 : Inicialize seu projeto

Para conectar seus arquivos de projeto local 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, nas solicitações do Firebase CLI:

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

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

  2. Especifique um diretório para usar como seu diretório raiz público.

    Este diretório contém todos os seus arquivos estáticos veiculados publicamente, incluindo seu arquivo index.html e quaisquer outros recursos que você deseja 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 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 aplicativo:

Etapa 3 : implantar em seu site

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

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 testes locais em seu site .

Próximos passos

Agora seu site está pronto para compartilhar com o mundo!