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.htmle 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.htmlou404.htmlvá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.jsonque lista a configuração do seu projeto. Saiba mais sobre esse arquivo na página de configuração do comportamento de hospedagem .Um arquivo
.firebasercque 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 .