O Firebase Hosting oferece uma maneira rápida, segura e confiável de hospedar seu ativos estáticos do seu app (HTML, CSS, JavaScript, arquivos de mídia etc.), assim como para veicular 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 em web.app
e firebaseapp.com
.
Antes de começar
Antes de configurar o Firebase Hosting, você precisa crie um projeto do Firebase.
Etapa 1: instalar a CLI Firebase
Acesse a documentação da CLI Firebase para saber como instale a CLI ou atualize 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 os comandos da CLI 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 seus
index.html
e todos os outros recursos em que você quer implantar 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
ou404.html
vá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.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
Esse comando implanta o conteúdo e a configuração de 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:
Consulte a documentação completa da CLI do Firebase.
Prepare-se para lançar seu aplicativo:
- Configure orçamento alertas para seu projeto no console Google Cloud.
- Monitore o Uso e faturamento painel no console do Firebase para ter uma visão geral da situação uso em vários serviços do Firebase. Você também pode acessar a Hosting Uso para saber mais informações detalhadas de uso.
- Consulte a lista de verificação de lançamento do Firebase.