É comum ter vários ambientes implantados na mesma base de código, cada um com uma configuração um pouco diferente. Por exemplo, é possível atribuir menos CPU e RAM ao ambiente de preparo ou garantir que o ambiente de produção mantenha pelo menos uma instância ativa e pronta para atender às solicitações. Também é possível especificar diferentes variáveis de ambiente e secrets, dependendo do ambiente e dos recursos que você quer usar.
Neste guia, descrevemos como implantar um ambiente de produção e de preparo, cada um em um projeto do Firebase separado. Seguindo os mesmos princípios, é possível implantar em outros tipos de ambientes. Para saber mais sobre ambientes, confira a Visão geral dos ambientes e as Práticas recomendadas gerais para configurar projetos do Firebase.
Pré-requisitos
- O código do aplicativo já está armazenado no GitHub.
- Você já criou um projeto diferente para cada um dos seus
ambientes, por exemplo,
my-production-firebase-projectemy-staging-firebase-project. Marque seu projeto de produção do Firebase com o tipo de ambiente de produção. - Em cada projeto, você criou um back-end do App Hosting, com a ramificação ativa
definida como a ramificação do GitHub que você quer implantar (como
main). Consulte Começar a usar o App Hosting para mais informações.
Etapa 0: criar uma configuração padrão em apphosting.yaml
O App Hosting é compatível com um arquivo de configuração chamado apphosting.yaml para gerenciar
as configurações de ambiente de execução (CPU, simultaneidade, limites de memória etc.) e as variáveis de ambiente
do app. Ele também é compatível com referências a secrets gerenciados com o
Cloud Secret Manager, o que torna seguro o check-in no controle de origem. Para mais
informações, consulte Configurar um
back-end.
Para começar, crie um arquivo apphosting.yaml no diretório raiz do app.
Este é o arquivo de configuração substituto usado quando um arquivo de configuração específico do ambiente não é encontrado. Os valores armazenados em
apphosting.yaml precisam ser padrões seguros para uso em todos os ambientes.
As próximas seções explicam como substituir os valores padrão em apphosting.yaml
para ambientes específicos. Este fluxo de exemplo cria um ambiente de preparo.
Etapa 1: definir o nome do ambiente
Cada back-end App Hosting tem uma configuração de Nome do ambiente. Esse campo é usado para mapear o back-end para um arquivo de configuração específico do ambiente e pode ser alterado a qualquer momento. Só é possível definir um nome de ambiente por back-end.
Para definir o nome do ambiente do back-end,
- No console do Firebase, selecione o projeto de preparo (neste exemplo,
my-staging-firebase-project). - Acesse Hospedagem e sem servidor > App Hosting.
- Clique em Visualizar no back-end escolhido.
- Na guia Configurações, selecione Ambiente.
- Em Nome do ambiente, insira o nome do seu ambiente. Você pode dar o nome que quiser ao ambiente. Neste exemplo, é staging.
- Clique em Salvar.
Quando um lançamento do App Hosting é acionado para seu back-end (por push do git
ou manualmente pelo console do Firebase), o App Hosting verifica
se há um arquivo apphosting.ENVIRONMENT_NAME.yaml antes
de voltar para o apphosting.yaml.
Etapa 2: criar o arquivo apphosting.yaml específico do ambiente
Para a configuração específica do ambiente, crie um arquivo com o nome
apphosting.ENVIRONMENT_NAME.yaml para
especificar as substituições específicas do ambiente. Esse arquivo tem o mesmo formato do
apphosting.yaml padrão e precisa estar localizado no
diretório raiz do app, ao lado de apphosting.yaml.
No momento do build, o App Hosting mescla esses dois arquivos, priorizando os valores no arquivo YAML específico do ambiente em relação ao arquivo apphosting.yaml base.
Neste exemplo, você vai criar um arquivo chamado apphosting.staging.yaml no
diretório raiz do app:
runConfig:
cpu: 1
memoryMiB: 512
concurrency: 5
env:
- variable: API_URL
value: api.staging.service.com
availability:
- BUILD
- variable: DATABASE_URL
secret: secretStagingDatabaseURL
Suponha que você já tenha um apphosting.yaml como este:
runConfig:
cpu: 3
memoryMiB: 1024
maxInstances: 4
minInstances: 0
concurrency: 100
env:
- variable: API_URL
value: api.service.com
availability:
- BUILD
- RUNTIME
- variable: STORAGE_BUCKET
value: mybucket.firebasestorage.app
availability:
- RUNTIME
- variable: API_KEY
secret: secretIDforAPI
A saída mesclada final, que pode ser inspecionada nos registros do Cloud Build, será assim:
runConfig:
cpu: 1
memoryMiB: 512
maxInstances: 4
minInstances: 0
concurrency: 5
env:
- variable: API_URL
value: api.staging.service.com
availability:
- BUILD
- variable: STORAGE_BUCKET
value: mybucket.firebasestorage.app
availability:
- RUNTIME
- variable: API_KEY
secret: secretIDforAPI
- variable: DATABASE_URL
secret: secretStagingDatabaseURL
Alguns valores de runConfig, como CPU, foram substituídos, assim como as variáveis de ambiente sobrepostas.
Etapa 3: implantar a base de código
Quando terminar de editar o arquivo apphosting.ENVIRONMENT_NAME.yaml específico do ambiente, envie-o para o GitHub:
$ git add apphosting.<ENVIRONMENT_NAME>.yaml
$ git commit -m "Added environment specific yaml file"
$ git push
Todos os back-ends marcados com esse nome de ambiente usarão os valores de substituição específicos que você especificou no arquivo YAML correspondente e voltarão para apphosting.yaml quando um valor não for encontrado. Para back-ends sem um nome de ambiente associado, continue usando o apphosting.yaml.
Próximas etapas
- Saiba mais: confira um codelab do Firebase que integra um app hospedado com os recursos do Firebase Authentication e do Gemini API: Next.js | Angular
- Conectar um domínio personalizado.
- Configure o back-end.
- Monitorar lançamentos, uso do site e registros.