Publicar seu app com o Firebase Studio

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

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

    Se você desenvolveu um app Next.js com o App Prototyping agent, é possível publicar diretamente do 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 apps de página única. O Firebase Hosting oferece entrega rápida de conteúdo usando uma CDN global, certificados SSL sem custo financeiro e suporte a domínios personalizados.

  • Cloud Run:use Cloud Run para implantar aplicativos em contêineres. É 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 de sua escolha, incluindo outras plataformas ou seu próprio servidor.

Publicar e monitorar seu app com Firebase App Hosting

Se você criar um app com o App Prototyping agent, poderá publicar no Firebase App Hosting diretamente do Firebase Studio.

Publicar o app com o App Hosting

Quando você configura o App Hosting, o Firebase Studio cria um projeto do Firebase e orienta você a vincular uma conta do Cloud Billing.

Para publicar o app no Firebase App Hosting:

  1. Clique em Publicar para criar um novo projeto do Firebase e começar a configuração do App Hosting. O painel Publicar o app aparece.

  2. Na etapa Projeto do Firebase, anote o nome do projeto do Firebase que foi criado para você e clique em Próxima.

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

    • Selecione a conta 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 vai abrir o console do Google Cloud, onde você pode criar uma nova conta Cloud Billing de autoatendimento. Depois de criar a conta, volte para Firebase Studio e selecione a conta na lista Vincular Cloud Billing.

  4. Clique em Próxima. Firebase Studio vincula a conta de faturamento ao projeto associado ao seu espaço de trabalho, criado quando você gerou automaticamente uma chave Gemini API ou quando clicou em Publicar. Em seguida, App Hosting configura um ambiente totalmente gerenciado para o app em Google Cloud.

  5. Clique em Criar o primeiro lançamento. Firebase Studio inicia o lançamento do App Hosting. Esse processo pode levar até 10 minutos para ser concluído. Para saber mais sobre o que acontece nos bastidores, consulte O processo de build do App Hosting.

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

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

Monitorar seu app com a observabilidade do App Hosting

O painel Visão geral do app do App Hosting mostra as principais métricas e informações sobre o app, permitindo monitorar o desempenho do app da Web usando as ferramentas de observabilidade integradas do App Hosting. Depois que o site for lançado, clique em Publicar para acessar a visão geral. Nesse painel, é possível:

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

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

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

Reverter o site App Hosting

Se você tiver implantado versões sucessivas do app para App Hosting, será possível reverter para uma das versões anteriores. Você também pode removê-la.

  • Para reverter um site publicado:

    1. Abra App Hosting no console do Firebase.

    2. Localize o back-end do app, clique em View e em Rollouts.

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

    Saiba mais em Gerenciar lançamentos e lançamentos.

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

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

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

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

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

Firebase Hosting

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

Se você não tiver as permissões necessárias do projeto do Firebase, peça a um proprietário do projeto do Firebase para 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 encontrar ou atribuir um proprietário, consulte Permissões e acesso a projetos do Firebase.

Para implantar o app no Firebase Hosting a partir do Firebase Studio, faça o seguinte:

  1. Abra seu espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em Ícone de alternância de código Switch to Code para abrir a visualização Code.

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

  3. Clique em Authenticate 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 o app, clique em Implantar para produção ou Implantar para o canal na seção Firebase Hosting do painel Firebase Studio.

Cloud Run

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

  1. Abra seu espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em Ícone de alternância de código Switch to Code para abrir a visualização Code.

  2. Clique no ícone Firebase Studio no painel de navegação para abrir o painel Firebase Studio e clique em Implantar em 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 diálogo.

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

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

Próximas etapas