Se você estiver criando apps Angular ou Next.js renderizados pelo servidor, confira o Firebase App Hosting de última geração, uma solução de pilha completa para frameworks modernos da Web.

Esta página foi traduzida pela API Cloud Translation.

Primeiros passos com o Firebase Hosting

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 ou 404.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.