Ir para o console

Testar localmente e implantar no seu site

É possível visualizar e testar seu site localmente, e até mesmo emular suas funções HTTPS, antes de implantá-lo na produção.

Primeiros passos

Conclua as etapas listadas na página de primeiros passos do Hosting, que inclui a instalação da Firebase CLI e a conexão do seu projeto local ao do Firebase.

Disponibilizar e testar localmente seu projeto do Firebase (opcional)

É possível ver e testar seu projeto do Firebase em URLs hospedados localmente antes de implantá-lo na produção. Se você quiser testar somente determinados recursos, use uma lista separada por vírgulas em uma sinalização no comando firebase serve.

Execute o seguinte comando a partir da raiz do diretório local do seu projeto se quiser:

  • visualizar o conteúdo estático do seu app hospedado no Firebase;
  • usar o Cloud Functions de modo a gerar conteúdo dinâmico para o Firebase Hosting e usar suas funções HTTP de produção (implantadas) para emular o Hosting em um URL local.
firebase serve --only hosting

Execute qualquer um dos seguintes comandos no diretório do seu projeto para fazer a emulação dele por meio das funções HTTP locais:

  • Para emular funções HTTP e hospedagem para testes em URLs locais, use um dos comandos a seguir:

    firebase serve
    firebase serve --only functions,hosting // uses a flag
  • Para emular somente funções HTTP, use o comando a seguir:

    firebase serve --only functions

Por padrão, o firebase serve apenas responde a solicitações de localhost. Isso significa que você poderá acessar seu conteúdo hospedado a partir do navegador da Web do seu computador, mas não de outros dispositivos na sua rede. Se você quiser testar usando outros dispositivos locais, use o sinalizador --host:

firebase serve --host 0.0.0.0  // accepts requests to any host

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

Este comando implanta uma versão nos seguintes sites:

  • Os sites do Hosting padrão do seu projeto do Firebase, projectID.web.app e projectID.firebaseapp.com

  • Quaisquer domínios personalizados que você tenha conectado ao site do Hosting.

Como alternativa, é possível adicionar um comentário a uma implantação. Ele será exibido com as outras informações de implantação na página do Hosting do seu projeto. Por exemplo:

firebase deploy -m "Deploying the best new feature ever."

Implantar em projetos com vários sites

Se você incluiu outros sites no seu projeto do Firebase, use o seguinte comando para implantar em um desses sites:

firebase deploy --only hosting:target-name

O parâmetro target-name é o identificador exclusivo que você especificou para o site extra do Hosting durante a configuração.

Adicionar tarefas de pré e pós-implantação com script

Como alternativa, é possível conectar scripts de shell ao comando firebase deploy para executar tarefas de pré ou pós-implantação. Por exemplo, um hook de pós-implantação poderia notificar os administradores sobre novas implantações de conteúdo no site. Consulte a documentação da Firebase CLI para mais detalhes.

Armazenar o conteúdo implantado em cache

Quando uma solicitação para conteúdo estático é feita, o Firebase Hosting armazena automaticamente o conteúdo em cache na CDN. Se você fizer uma nova implantação do conteúdo do seu site, o Firebase limpará automaticamente todo o conteúdo estático em cache na CDN para que novas solicitações recebam seu novo conteúdo.

É possível configurar o armazenamento em cache do conteúdo dinâmico.

Exibir por HTTPS

Enquanto você estiver desenvolvendo o aplicativo, verifique se todos os recursos externos não hospedados no Firebase Hosting são carregados via SSL (HTTPS), incluindo todos os scripts externos. Na maioria dos navegadores, os usuários não conseguem carregar conteúdo misto, ou seja, tráfego SSL e não SSL.

Gerenciar implantações e versões

Veja um histórico completo das suas implantações na página do Hosting do seu projeto do Firebase. Se você tiver vários sites do Firebase Hosting, clique em Exibir ao lado de um site para ver o respectivo histórico de implantação.

Reverter implantações

Para reverter para uma implantação anterior, passe o cursor sobre a entrada na lista, clique no ícone do menu flutuante de três pontos e clique em Reverter.

Definir um limite para versões retidas

Com uma configuração no Console do Firebase, é possível controlar quantas versões implantadas do seu site são retidas. O conteúdo de todas as versões acima do limite definido por você será programado para exclusão, começando pelas versões mais antigas.

Essa configuração pode ser útil para controlar o nível de armazenamento mantido para seu site. Monitore seu armazenamento na página do Hosting do seu projeto, em Uso > Armazenamento.

Para definir o limite para versões retidas, siga estas etapas:

  1. No painel Histórico de versões do site, clique no menu suspenso de três pontos da tabela e selecione Configurações do histórico de versões.

  2. Insira o número de versões que você quer manter e clique em Salvar.