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.), bem como de veicular 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 veicula 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 do Firebase .
Etapa 1 : instalar a CLI do Firebase
Acesse a documentação da CLI do Firebase para saber como instalar a CLI ou atualizar para a versão mais recente .
Passo 2 : Inicialize seu projeto
Para conectar os arquivos do 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, nos prompts da CLI do Firebase:
Selecione um projeto do Firebase para conectar-se ao diretório local do projeto.
O projeto Firebase selecionado é o projeto Firebase "padrão" para o diretório local do projeto. Para conectar projetos adicionais do Firebase ao diretório de projeto local, configure aliases de projeto .
Especifique um diretório para usar como diretório raiz público.
Este diretório contém todos os seus arquivos estáticos veiculados publicamente, incluindo o 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 mais tarde 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ê.
No final da inicialização, o Firebase cria e adiciona automaticamente dois arquivos à raiz do diretório local do seu aplicativo:
Um arquivo de configuração
firebase.jsonque lista a configuração do seu projeto. Saiba mais sobre este arquivo na página de configuração do comportamento de hospedagem .Um arquivo
.firebasercque armazena os aliases do seu 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 como testar seu site localmente .
Próximos passos
Agora seu site está pronto para ser compartilhado com o mundo!
Continue melhorando seu site. Teste localmente, compartilhe as alterações em um URL de visualização temporário 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 do 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 faturamento no console do Firebase para ter 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 .