Firebase Hosting

O Firebase Hosting oferece hospedagem rápida e segura para seu app da Web.

O Firebase Hosting é um recurso de hospedagem de conteúdo da Web de nível de produção para desenvolvedores. Com um único comando, é possível implantar rapidamente apps da Web em uma CDN global (conteúdo rede de fornecimento). Embora o Firebase Hosting seja otimizado para apps da Web estáticos e de uma só página, também é possível associar o Firebase Hosting a Cloud Functions ou Cloud Run para criar e hospedar conteúdo dinâmico e microsserviços no Firebase.

Começar

Principais recursos

Exibir conteúdo por meio de uma conexão segura O SSL de configuração zero é integrado ao Firebase Hosting para que o conteúdo seja sempre enviado com segurança.
Enviar conteúdo rapidamente Cada arquivo enviado é armazenado em cache em SSDs nas bordas da CDN no mundo todo e exibido como gzip ou Brotli. Selecionamos automaticamente o melhor método de compactação para seu conteúdo. O conteúdo é enviado rapidamente, onde quer que os usuários estejam.
Emule e até compartilhe suas alterações antes de publicar

Visualize e teste as alterações em um URL hospedado localmente e interaja com um back-end emulado.

Compartilhe suas alterações com colegas de equipe usando URLs de visualização temporários. O Hosting também oferece uma integração do GitHub para facilitar as iterações do conteúdo visualizado.

Implantar novas versões com um comando

Com a CLI do Firebase, o aplicativo é executado em segundos. As ferramentas de linha de comando permitem adicionar destinos de implantação durante o processo de compilação.

E se você precisar desfazer a implantação, o Hosting fornecerá reversões com um clique.

Como funciona?

Se você estiver implantando uma página de destino simples de um app ou um Progressive Web App (PWA) complexo, o Hosting disponibilizará infraestrutura, recursos e ferramentas adaptadas à implantação e ao gerenciamento de sites e apps.

Com a CLI do Firebase, você implanta arquivos de diretórios locais no seu computador nos nossos servidores Hosting. Além de conteúdo estático, é possível usar Cloud Functions for Firebase ou Cloud Run para exibir conteúdo dinâmico e hospedar microsserviços nos seus sites. Todo o conteúdo é exibido por meio de uma conexão SSL do servidor de borda mais próximo na nossa CDN global.

Também é possível ver e testar as alterações antes de publicar. Usando o Firebase Local Emulator Suite, é possível emular seu app e recursos de back-end em um URL hospedado localmente. Também é possível compartilhar as alterações em um URL de visualização temporário e configurar uma integração do GitHub para facilitar as iterações durante o desenvolvimento.

O Firebase Hosting tem opções de configuração de hospedagem leves para você criar PWAs sofisticados. É possível reescrever URLs para o roteamento no lado do cliente, configurar cabeçalhos personalizados e até mesmo exibir conteúdo localizado.

Para exibir seu conteúdo, o Firebase oferece várias opções de domínio e subdomínio:

  • Por padrão, todos os projetos do Firebase têm subdomínios sem custo financeiro nos domínios web.app e firebaseapp.com. Esses dois sites oferecem o mesmo conteúdo e configuração implantados.

  • É possível criar vários sites se você tiver sites e apps relacionados que exibem conteúdo diferente, mas que ainda compartilhem os mesmos recursos do projeto do Firebase. Por exemplo, se você tiver um blog, um painel de administração e um app público.

  • É possível conectar seu próprio nome de domínio a um site hospedado pelo Firebase.

O Firebase provisiona automaticamente os certificados SSL para todos os domínios, assim todo seu conteúdo será exibido com segurança.

Caminho de implementação

Instalar a CLI Firebase A configuração de um projeto novo do Hosting, a execução de um servidor de desenvolvimento local e a implantação de conteúdo são facilitadas pela CLI do Firebase.
Configurar um diretório de projeto

Adicione seus recursos estáticos a um diretório de projeto local e execute firebase init para conectar o diretório a um projeto do Firebase.

No diretório do projeto local, também é possível configurar Cloud Functions ou Cloud Run para conteúdo dinâmico e microsserviços.

Visualize, teste e compartilhe as alterações antes de publicar (opcional)

Execute firebase emulators:start para emular o Hosting e os recursos do projeto de back-end em um URL hospedado localmente.

Para visualizar e compartilhar as alterações em um URL de visualização temporário, execute firebase hosting:channel:deploy para criar e implantar em um canal de visualização. Configure a integração do GitHub para facilitar iterações do seu conteúdo visualizado.

Implantar seu site Quando tudo estiver certo, execute firebase deploy para fazer upload do snapshot mais recente nos nossos servidores. Se você precisar desfazer a implantação, poderá reverter com apenas um clique no Console do Firebase.
Vincular a um app da Web do Firebase (opcional) Ao vincular seu site a um app da Web do Firebase, você pode usar o Google Analytics para coletar dados de uso e comportamento do seu app e usar o Firebase Performance Monitoring para entender melhor as características de desempenho do seu app.

Próximas etapas