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:
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 .
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
ou404.html
válido em seu diretório raiz público, o Firebase os criará para você.
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:
Um arquivo de configuração
firebase.json
que lista a configuração do seu projeto. Saiba mais sobre esse arquivo na página de configuração do comportamento de hospedagem .Um arquivo
.firebaserc
que armazena seus aliases de projeto .
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!
Continue a melhorar o seu site. Teste localmente, compartilhe alterações em um URL de visualização temporária e, em seguida, implante em seu site ativo. Siga este guia passo a passo .
Saiba mais sobre outros recursos de hospedagem:
Dê uma olhada na documentação completa da Firebase CLI .
Prepare-se para lançar seu aplicativo:
- Configure alertas de orçamento para seu projeto no Console do Google Cloud.
- Monitore o painel de uso e cobrança no console do Firebase para obter uma visão geral do uso do seu projeto em vários serviços do Firebase. Você também pode visitar o painel de uso de hospedagem para obter informações de uso mais detalhadas.
- Revise a lista de verificação de lançamento do Firebase .