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 ou outros serviços de back-end) e orienta você a vincular uma conta da Cloud Billing.
Para publicar o app:
Clique em Publicar para configurar seu Projeto do Firebase e publicar o app. O painel Publicar seu app vai aparecer.
Na etapa Projeto do Firebase, o App Prototyping agent mostra o Projeto do Firebase associado ao espaço de trabalho. Se um projeto do Firebase ainda não existir, o App Prototyping agent vai criar um novo para você. Clique em Próximo para continuar.
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.
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.
Clique em Configurar serviços. O agente de prototipagem de apps começa a provisionar os serviços do Firebase.
Clique em Publicar agora. Firebase Studio configura os serviços do Firebase e inicia o lançamento do App Hosting. 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.
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.
(Somente Cloud Firestore) Verifique as regras de segurança em produção
Quando a publicação for concluída e o app for implantado no Firebase, Cloud Firestore e Firebase Authentication estarão prontos para teste em produção.
Ver dados de Cloud Firestore e Firebase Authentication no console do Firebase
É possível conferir os dados em tempo real do app no console Firebase depois da publicação.
Para ver seu banco de dados Cloud Firestore ativo, abra o console do Firebase e escolha Build > Banco de dados do Firestore no menu de navegação.
Aqui, você pode inspecionar os dados armazenados, conferir e testar suas regras de segurança e criar índices. Saiba mais em Cloud Firestore.
Para conferir seus dados ativos do Firebase Authentication, abra o console do Firebase e escolha Build > Authentication no menu de navegação.
Nesta página, você pode inspecionar a configuração de autenticação e os usuários do app. Saiba mais em Firebase Authentication.
Testar regras do Cloud Firestore em produção
Depois de publicar o app, teste novamente as regras de segurança do Cloud Firestore no ambiente de produção. Isso ajuda a garantir que seus dados estejam acessíveis para usuários autorizados e protegidos contra acesso não autorizado.
Você pode testar suas regras usando todos os métodos a seguir:
Teste de aplicativos: interaja com o aplicativo implantado, realizando operações que acionam vários padrões de acesso a dados (leituras, gravações, exclusões) para diferentes funções ou estados de usuários. Esse teste no mundo real ajuda a confirmar se as regras estão sendo aplicadas corretamente na prática.
Laboratório de testes de regras: para verificações segmentadas, use o Laboratório de testes de regras no console Firebase. Com essa ferramenta, é possível simular solicitações (leituras, gravações, exclusões) no banco de dados Cloud Firestore usando suas regras de produção. É possível especificar o estado de autenticação do usuário, o caminho para os dados e o tipo de operação para verificar se as regras permitem ou negam o acesso conforme o esperado.
Teste de unidade: para um teste mais abrangente, você pode escrever testes de unidade para suas regras de segurança. O back-end de visualização Firebase Studio, com tecnologia Firebase Local Emulator Suite, permite executar esses testes localmente, simulando o comportamento das regras de produção. Essa é uma maneira robusta de verificar a lógica de regras complexas e confirmar a cobertura para vários cenários. Após a implantação, verifique se os testes de unidade usando o emulador funcionam como esperado e abrangem todos os cenários.
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.
- Confira o status de ativação dos serviços do Firebase, como Firebase Authentication e Cloud Firestore.
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:
Localize o back-end do aplicativo, clique em Ver e em Lançamentos.
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:
No console do Firebase, abra o App Hosting e clique em Ver na seção do aplicativo do Firebase Studio.
Na seção Informações do back-end, clique em Gerenciar. A página Domínios é carregada.
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:
Abra o espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em
Mudar para o Code para abrir a visualização do Code.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.
Clique em Autenticar Firebase e siga as instruções na janela do terminal para autenticar sua conta do Firebase.
Clique em Inicializar Firebase Hosting e siga as instruções na janela do terminal para configurar a implantação.
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.
Abra o espaço de trabalho do Firebase Studio. Se você estiver usando o App Prototyping agent, clique em
Mudar para o Code para abrir a visualização do Code.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.
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.
Clique em Autenticar na seção Cloud Run do painel Firebase Studio e siga as instruções para fazer a autenticação.
Clique em Implantar e siga as instruções para configurar a implantação e implantar o aplicativo.