Implantar um projeto AWS Amplify React usando Terraform

Recentemente, recebi uma pergunta de um engenheiro de software que estava determinado a ajudar a resolver:

Gostaria de implantar meu projeto AWS Amplify React usando Terraform para poder automatizar meu fluxo de trabalho e eliminar qualquer intervenção manual durante a implantação.

O AWS Amplify pode ajudá-lo a criar e implantar aplicativos full-stack com facilidade, enquanto o Terraform permite definir as configurações de infraestrutura em código usando uma linguagem de configuração declarativa.

O Terraform permite automatizar o provisionamento e o gerenciamento dos recursos do AWS Amplify. Depois de definir suas alterações na linguagem de configuração declarativa, o Terraform aplicará as alterações automaticamente, reduzindo qualquer intervenção manual ou humana.

Apresentarei o processo que usei para realizar essa tarefa usando o Terraform. Presumo que você já tenha conhecimento do uso do Terraform e AWS.

Se você é novo no Terraform, Amplify e AWS, há muitos recursos valiosos para você se atualizar, incluindo Terraform: além do básico com AWS e Fullstack TypeScript: reintroduzindo o AWS Amplify.

Passo 1

Configure seu ambiente para executar o Terraform. Você pode usar qualquer ferramenta de CI/CD com a qual se sinta confortável para executar projetos do Terraform, como Jenkins, GitHub Actions, Spinnaker, CircleCI, GitLab ou Makefile.

Passo 2

Inicie a interface de linha de comando (CLI) da AWS em execução na estação de trabalho para que você possa autenticar na AWS.

etapa 3

Para este tutorial, crie um aplicativo React.js usando o comando abaixo. Este é o código que será implantado no AWS Amplify.

npx create-react-app example_reactjs_amplify

Você pode encontrar o código deste tutorial no GitHub.

Passo 4

Crie o aplicativo AWS Amplify, a ramificação a partir da qual implantar e o domínio na AWS com o script abaixo. Você terá que definir os valores das variáveis ​​em arquivos separados chamados variables.tf e values.tfvars. Desde enable_branch_auto_build está configurado para true, este script implantará automaticamente o aplicativo Amplify assim que detectar que um novo código foi adicionado ao projeto React.js. Isso significa que assim que você enviar uma nova linha de código para a ramificação principal, ela reimplantará automaticamente seu aplicativo Amplify.

Etapa 5

Defina os valores para as variáveis ​​no variables.tf arquivo. O arquivo deve incluir o seguinte código:

Etapa 6

A saída será definida no outputs.tf arquivo e será semelhante a este:

Esses resultados, gerados a partir do outputs.tf arquivo, fornecerá todas as informações necessárias sobre como acessar seu aplicativo AWS Amplify.

Etapa 7

Execute o seguinte comando para aplicar suas alterações:

Etapa 8

Depois de terraform apply aplica suas alterações de configuração, você pode verificar se seu recurso Amplify foi criado com sucesso visitando o AWS Management Console.

Verifique o aplicativo observando o URL destacado na captura de tela acima (neste exemplo, https://main.helpfiner.click).

A captura de tela abaixo mostra o aplicativo AWS Amplify React.js.

Conclusão

Espero que este processo de implantação do React no AWS Amplify usando Terraform seja útil para você. Confira o código completo no GitHub.

Descubra mais sobre as ferramentas e serviços em nuvem que podem ajudá-lo a navegar pelas complexidades da migração para a nuvem em Migração para a nuvem: um guia prático para líderes de engenharia da Andela.

A postagem Implantar um projeto AWS Amplify React usando Terraform apareceu pela primeira vez em The New Stack.