Publicar seu aplicativo com o Firebase Studio

O Firebase Studio tem várias opções de publicação, permitindo escolher o método mais adequado às necessidades do seu projeto. Confira a seguir uma visão geral das opções disponíveis:

  • Firebase App Hosting: ideal para publicar aplicativos dinâmicos Next.js e Angular, o App Hosting oferece suporte a framework integrado, integração com o GitHub e com outros produtos do Firebase, como Firebase Authentication, Cloud Firestore e Firebase AI Logic.

    Se você desenvolveu um aplicativo Next.js com o App Prototyping agent, publique-o diretamente pelo Firebase Studio com apenas alguns cliques.

  • Firebase Hosting: adequado para hospedar apps da Web e conteúdo estático da Web (HTML, CSS, JavaScript, imagens e outros recursos estáticos) e aplicativos de página única. O Firebase Hosting oferece envio rápido de conteúdo usando uma CDN global, certificados SSL sem custo e suporte a domínios personalizados.

  • Cloud Run: use o Cloud Run para implantar aplicativos conteinerizados. É uma boa escolha para publicar aplicativos escalonáveis e portáteis que podem ser executados em qualquer plataforma.

  • Outras opções de implantação: implante na solução de hospedagem que preferir, incluindo outras plataformas ou seu próprio servidor.

Publicar e monitorar seu aplicativo com o Firebase App Hosting

Depois de testar o app e ficar satisfeito com ele no espaço de trabalho, é possível publicá-lo na Web com o Firebase App Hosting.

Quando você configura o App Hosting, o Firebase Studio cria um Projeto do Firebase (se ele ainda não foi criado com a geração automática de uma chave da Gemini API) e orienta você a vincular uma conta da Cloud Billing.

Para publicar o app:

  1. Clique em Publicar para configurar seu Projeto do Firebase e publicar o app. O painel Publicar seu app vai aparecer.

  2. Na etapa Projeto do Firebase, o App Prototyping agent mostra o Firebase associado ao espaço de trabalho. Se não for criado um projeto durante a geração de chaves Gemini API, um novo projeto será criado para você. Clique em Próximo para continuar.

  3. Na etapa Vincular conta do Cloud Billing, escolha uma das seguintes opções:

    • Selecione a conta do Cloud Billing que você quer vincular ao seu projeto do Firebase.

    • Se você não tiver uma conta do Cloud Billing ou quiser criar uma, clique em Criar uma conta do Cloud Billing. Isso abrirá o console do Google Cloud, em que é possível criar uma nova conta do Cloud Billing de autoatendimento. Depois de criar a conta, volte para o Firebase Studio e selecione a conta na lista Vincular Cloud Billing.

  4. Clique em Próxima. O Firebase Studio vincula a conta de faturamento ao projeto associado ao seu espaço de trabalho, criado quando você gerou automaticamente uma chave da Gemini API ou quando clicou em Publicar.

  5. Clique em Configurar serviços. O agente de prototipagem de apps começa a provisionar os serviços do Firebase.

  6. Clique em Publicar agora. Firebase Studio configura os serviços do Firebase. Isso pode levar vários minutos para ser concluído. Para saber mais sobre o que acontece nos bastidores, consulte O processo de build do App Hosting.

  7. Quando a etapa de publicação for concluída, a Visão geral do app vai aparecer com um URL e insights do app com base na observabilidade do App Hosting. Para usar um domínio personalizado (como example.com ou app.example.com) no lugar do domínio gerado pelo Firebase, adicione um domínio personalizado no console do Firebase.

Para mais informações sobre o App Hosting, consulte Entenda o App Hosting e como ele funciona.

Monitorar seu aplicativo com a observabilidade do App Hosting

O painel Visão geral do app no Firebase Studio fornece métricas e informações importantes sobre seu app, permitindo que você monitore o desempenho do seu app da Web usando as ferramentas de observação integradas do App Hosting. Depois que o site for lançado, acesse a visão geral clicando em Publicar. Neste painel, é possível:

  • Clique em Publicar para lançar uma nova versão do app.
  • Compartilhar o link do aplicativo ou abri-lo diretamente em Acessar seu app.
  • Analisar um resumo do desempenho do aplicativo nos últimos sete dias, incluindo o número total de solicitações e o status do lançamento mais recente. Clique em Ver detalhes para acessar ainda mais informações no console do Firebase.
  • Veja um gráfico com o número de solicitações que seu aplicativo recebeu nas últimas 24 horas, dividido por código de status HTTP.

Se você fechar o painel de visão geral do aplicativo, poderá reabri-lo a qualquer momento clicando em Publicar.

Saiba mais sobre como gerenciar e monitorar lançamentos do App Hosting em Gerenciar lançamentos e versões.

Reverter seu site do App Hosting

Se você tiver implantado versões sucessivas do aplicativo no App Hosting, poderá reverter para uma das versões anteriores. Também é possível removê-la.

  • Para reverter um site publicado:

    1. Abra o App Hosting no console do Firebase.

    2. Localize o back-end do aplicativo, clique em Ver e em Lançamentos.

    3. Ao lado da implantação para a qual você quer reverter, clique em Mais , selecione Reverter para este build e confirme.

    Saiba mais em Gerenciar lançamentos e versões.

  • Para remover o domínio do App Hosting da Web:

    1. No console do Firebase, abra o App Hosting e clique em Ver na seção do aplicativo do Firebase Studio.

    2. Na seção Informações do back-end, clique em Gerenciar. A página Domínios é carregada.

    3. Ao lado do seu domínio, clique em Mais , selecione Desativar domínio e confirme.

    Isso remove seu domínio da Web. Para remover completamente o back-end do App Hosting, siga as instruções em Excluir um back-end.

Firebase Hosting

É possível publicar apps da Web no Firebase Hosting pelo seu espaço de trabalho do Firebase Studio. Antes de publicar um app da Web no Firebase Hosting, crie um projeto do Firebase e registre o aplicativo.

Se você não tiver as permissões necessárias do projeto do Firebase, peça para um proprietário do projeto do Firebase atribuir a você o papel aplicável na página Usuários e permissões do console do Firebase. Se você tiver dúvidas sobre como acessar seu projeto do Firebase, incluindo como encontrar ou atribuir um proprietário, consulte Permissões e acesso a projetos do Firebase.

Para implantar o aplicativo no Firebase Hosting pelo Firebase Studio, faça isto:

  1. Abra o espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em Ícone de mudar para o Code Mudar para o Code para abrir a visualização do Code.

  2. Clique no ícone do Firebase Studio no painel de navegação para abrir o painel do Firebase Studio e expandir a seção Firebase Hosting.

  3. Clique em Autenticar Firebase e siga as instruções na janela do terminal para autenticar sua conta do Firebase.

  4. Clique em Inicializar Firebase Hosting e siga as instruções na janela do terminal para configurar a implantação.

  5. Para implantar seu aplicativo, clique em Implantar em produção ou Implantar em canal na seção Firebase Hosting do painel do Firebase Studio.

Cloud Run

Antes de implantar usando o Cloud Run, configure um projeto do Google Cloud e ative o Cloud Billing.

  1. Abra o espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em Ícone de mudar para o Code Mudar para o Code para abrir a visualização do Code.

  2. Clique no ícone do Firebase Studio no painel de navegação para abrir o painel do Firebase Studio e clique em Implantar no Cloud Run.

  3. Selecione Permitir que este espaço de trabalho acesse recursos do Google Cloud usando minha Conta do Google e selecione um projeto do Google Cloud com o faturamento ativado nas janelas de caixa de diálogo.

  4. Clique em Autenticar na seção Cloud Run do painel Firebase Studio e siga as instruções para fazer a autenticação.

  5. Clique em Implantar e siga as instruções para configurar a implantação e implantar o aplicativo.

Próximas etapas