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 app, como HTML, CSS, JavaScript e arquivos de mídia, entre outros, assim como exibir conteúdo dinâmico e hospedar microsserviços.

Nossa hospedagem em nível de produção tem como base uma rede de fornecimento de conteúdo (CDN) global. Por padrão, o Hosting exibe o conteúdo por SSL e pode ser usado com seu próprio domínio personalizado ou nos subdomínios do seu projeto sem custo financeiro para web.app e firebaseapp.com.

Antes de começar

Antes de configurar o Firebase Hosting, é necessário criar um projeto do Firebase.

Etapa 1: instalar a CLI Firebase

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

Etapa 2: inicializar seu projeto

Para conectar os arquivos do projeto local ao seu projeto do Firebase, execute o seguinte comando na raiz do diretório do projeto local:

firebase init hosting

Durante a inicialização do projeto, siga estas etapas dos prompts da CLI do Firebase:

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

   O projeto do Firebase selecionado é o "padrão" para o diretório do projeto local. Se você quiser conectar outros projetos do Firebase a esse diretório, configure aliases de projeto.

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

   Esse diretório contém todos os seus arquivos estáticos exibidos publicamente, incluindo seu arquivo index.html e qualquer outro recurso que você queira implantar no Firebase Hosting.

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

     • É possível especificar seu diretório raiz público agora ou mais tarde no seu arquivo de configuração firebase.json.

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

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

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

   Se você optar por criar um app de uma página, o Firebase adicionará configurações de substituição automaticamente.

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

• Um arquivo de configuração firebase.json que lista a configuração do seu projeto. Saiba mais sobre esse arquivo na página Configurar o comportamento de hospedagem.

• Um arquivo .firebaserc que armazena aliases de projeto.

Etapa 3: implantar no seu site

Para implantar no seu site, execute o seguinte comando a partir da raiz do diretório local do seu projeto:

firebase deploy --only hosting

Observação: ao executar este comando com a flag --only hosting, você está implantando apenas o conteúdo de Hosting e a configuração do Se você também quiser implantar outros recursos do projeto ou configurações, como funções ou regras de banco de dados, execute este comando com uma lista separada por vírgulas na flag (por exemplo, --only hosting,functions).

Esse 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 como testar localmente seu site.

Próximas etapas

Seu app está pronto para ser compartilhado com o mundo.

• Continue melhorando seu site. Teste localmente, compartilhe alterações em um URL de visualização temporário e implante no seu site ativo. Siga este guia passo a passo.

• Saiba mais sobre outros recursos de hospedagem:

  • Configurar o comportamento de hosting
  • Conectar um domínio personalizado
  • Exibir conteúdo dinâmico e hospedar microsserviços

• Consulte a documentação completa da CLI do Firebase.

• Prepare-se para lançar seu aplicativo:

  • Configure os alertas de orçamento para seu projeto no console Google Cloud.
  • Monitore o painel Uso e faturamento no console do Firebase para ter uma visão geral do uso do projeto em vários serviços do Firebase. Também é possível acessar o painel Uso do Hosting para ver mais informações detalhadas.
  • Consulte a lista de verificação de lançamento do Firebase.