Firebase Hosting

O Firebase Hosting oferece hospedagem rápida e segura para seu app da Web, conteúdo estático e dinâmico e microsserviços.

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 apps da Web rapidamente e exibir conteúdo estático e dinâmico a uma rede de distribuição de conteúdo (CDN) global. Também é possível associar o Firebase Hosting ao Cloud Functions ou ao Cloud Run para criar e hospedar microsserviços no Firebase.

Primeiros passos

Principais recursos

Exibir conteúdo por meio de uma conexão segura A Web moderna é segura. O SSL sem configuração é incorporado ao Firebase Hosting para que o conteúdo seja sempre enviado com segurança.
Hospedar conteúdo estático e dinâmico, além de microsserviços O Firebase Hosting hospeda todos os tipos de conteúdo, desde seus arquivos CSS e HTML até microsserviços Express.js ou APIs.
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

Faça seu app funcionar em segundos com a CLI do Firebase. As ferramentas de linha de comando facilitam a adição de destinos de implantação ao processo de criação.

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

Como funciona?

O Firebase Hosting foi criado pensando no desenvolvedor da Web moderno. Os sites e apps estão mais avançados do que nunca com o surgimento de frameworks de front-end de JavaScript, por exemplo, ferramentas de gerador angular e estático como o Jekyll. 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 do seu computador nos nossos servidores do Hosting. Além de conteúdo estático, é possível usar o Cloud Functions para Firebase ou Cloud Run para disponibilizar 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 Pacote do emulador local do Firebase, é possível emular seu aplicativo 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 compartilham 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 Firebase CLI 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 Firebase CLI.
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 o Cloud Functions ou o 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 Monitoramento de desempenho do Firebase para entender melhor as características de desempenho do seu app.

Próximas etapas