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:
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.
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.htmle 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.htmlou404.htmlválido no diretório raiz público, o Firebase os criará para você.
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.jsonque lista a configuração do seu projeto. Saiba mais sobre esse arquivo na página Configurar o comportamento de hospedagem.Um arquivo
.firebasercque 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
Esse comando implanta o conteúdo e a configuração do Hosting nos seguintes subdomínios provisionados pelo Firebase:
PROJECT_ID.web.appPROJECT_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:
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.