Do zero à automação em 7 minutos com GitHub Actions
Tags: automation, development, azure, containers
Published: 2020-05-13 15:47:04

---
title: Do zero à automação em 7 minutos com GitHub Actions
published: true
date: 2020-05-08 01:41:54 UTC
tags: automation,development,azure,containers
canonical_url: https://medium.com/@khaosdoctor/do-zero-%C3%A0-automa%C3%A7%C3%A3o-em-7-minutos-com-github-actions-ca08364e8c36
cover_image: https://cdn-images-1.medium.com/max/1024/1*NdiZO-PYsnWPq6w3tnHi7Q.jpeg
---

<figcaption>Photo by Josh Redd on Unsplash</figcaption>

Em um [artigo anterior](https://dev.to/azure/construindo-e-publicando-um-backend-graphql-completo-sem-escrever-uma-linha-de-codigo-g40), comentei como poderíamos criar um backend GraphQL completo apenas usando uma imagem Docker e um arquivo de configuração. Tudo isso hospedado no [Azure](https://docs.microsoft.com/azure/container-instances/?WT.mc_id=blog-devto-ludossan). Agora vamos aprender a automatizar os deploys que são feitos para a nossa hospedagem e a atualização automática do nosso backend!

Este projeto todo visa criar um backend para meu futuro arquivo de conteúdo que estará presente no [meu site](https://lsantos.dev). Mas sempre que eu atualizar o backend ou mudar o schema do GraphQL vou ter que fazer todo o deploy do serviço novamente.

Então, ao invés disso, eu gostaria que, a cada push no meu branch master, eu gerasse uma nova versão do arquivo e enviasse a atualização para o [Azure](https://portal.azure.com/?WT.mc_id=blog-devto-ludossan). Porém eu não quero ter que usar outras ferramentas para isso, quero manter toda a stack o mais simples possível, como estamos utilizando somente o GitHub e o [Azure](https://portal.azure.com/?WT.mc_id=blog-devto-ludossan), nada mais justo do que continuar no GitHub para fazer a automação, não é mesmo?

Por isso que vamos usar os [**GitHub Actions**](https://azure.microsoft.com/blog/github-actions-for-azure-is-now-generally-available/?WT.mc_id=blog-devto-ludossan)

Similar a outros provedores de CI como o Travis ou o Circle, o GitHub também possui um sistema de integração e automação do repositório. A facilidade deste sistema em relação aos outros é que você já está dentro do mesmo repositório e ja está dentro da mesma ferramenta.

O projeto que vamos utilizar para automatizar será o [meu repositório publico de backend](https://github.com/khaosdoctor/site-backend):

![](https://cdn-images-1.medium.com/max/1024/0*H2hIsW4sxqkQ0-ck)

Veja que o repositório é super simples, não contém muitos arquivos, apenas um docker-compose.yml para testes locais e o nosso arquivo yml do mongoke que será o schema GraphQL.

No topo da página, ao lado de settings, temos o botão Actions, será lá que vamos configurar a nossa automação!

![](https://cdn-images-1.medium.com/max/1024/0*tmZFH1SNxaXB4AjI)

O GitHub já possui uma série de workflows prontos, porém, infelizmente, ainda não temos nenhum para o que queremos fazer. Mas o que queremos fazer? Para deixar tudo mais claro, vamos listar todas as etapas do processo:

1. Recebemos um push na branch master
2. Conectamos com a [Azure](https://portal.azure.com/?WT.mc_id=blog-devto-ludossan) através de um [service principal](https://docs.microsoft.com/azure/app-service/deploy-github-actions?WT.mc_id=blog-devto-ludossan#create-a-service-principal) e de uma action chamada [Azure/login](https://github.com/Azure/login)
3. Depois vamos utilizar a action [Azure/cli](https://github.com/Azure/CLI) para poder executar o comando de deploy do nosso container

Alguns detalhes que temos que perceber:

- O cache do GitHub Pages é um pouco longo, então vamos ter que gerar um número aleatório ou uma fingerprint para colocar na URL do nosso arquivo YAML do Mongoke
- Temos uma URI do MongoDB que deve ser um segredo

### Criando um secret

Primeiramente vamos tratar das nossas dependências, a dependência mais fácil de ser resolvida é criar a URL do MongoDB como um secret. Para isso vamos até a nossa aba Settings e clicamos em Secrets. Basta adicionar um novo secret clicando no link Add new Secret e preencher um nome e o conteúdo do mesmo. No caso estamos adicionando a URI do MongoDB, então vamos chamar este secret de MONGODB\_URI

![](https://cdn-images-1.medium.com/max/1024/0*tDihPBBGIwg-3U2-)

### Permitindo ações na Azure

Para que possamos permitir que o GitHub execute ações em nosso nome na [Azure](https://portal.azure.com/?WT.mc_id=blog-devto-ludossan), vamos precisar criar um [Service Principal](https://docs.microsoft.com/azure/app-service/deploy-github-actions?WT.mc_id=blog-devto-ludossan#create-a-service-principal). Este recurso nos dá uma conta de aplicação para que possamos permitir que outras pessoas ou serviços conectem-se em nosso portal e realize ações em nosso nome.

Para criarmos este recurso, vamos usar o [Azure CLI](https://docs.microsoft.com/cli/azure/install-azure-cli?view=azure-cli-latest&WT.mc_id=blog-devto-ludossan). Depois de realizar o login com o comando az login, basta executar o seguinte comando:

```bash
az ad sp create-for-rbac --name <nome-do-SP> --role contributor --scopes /subscriptions/<ID-da-subscription>/resourceGroups/<nome-do-resourcegroup> --sdk-auth
```

Para obter o ID da sua subscription basta executar o comando az account list e buscar a chave id da subscription que estiver com a chave isDefault marcada como true. Você também pode dar qualquer nome ao seu Service Principal, faça com que ele seja descritivo para saber a quem você está garantindo permissões.

Por último, outro detalhes importante é somente dar as permissões aos recursos necessários, ou seja, não vamos criar um SP para a conta **TODA** , mas sim somente para o _Resource Group_ que precisamos, no meu caso, este RG se chama personal-website e é onde eu estou agrupando todos os recursos relativos ao meu site.

Este comando deve dar uma resposta em JSON do tipo:


```json
{
  "clientId": "xxxxxxx",
  "clientSecret": "xxxxxxxx",
  "subscriptionId": "xxxxxxxx",
  ...
}
```

Copie toda essa resposta e crie um novo secret no GitHub chamado AZURE\_CREDENTIALS:

![](https://cdn-images-1.medium.com/max/765/0*Oq5QyAMOR7AC7i1Q)

Agora devemos ter dois secrets criados:

![](https://cdn-images-1.medium.com/max/1024/0*q-RIyElRwFa3zXTU)

### Criando um workflow

Para criarmos o nosso primeiro workflow, basta voltarmos para o painel Actions ao lado de Settings e clicar no botão Set up this workflow:

![](https://cdn-images-1.medium.com/max/1024/0*diYWMxG2TpJ82Sm1)

Esta ação deve levar para uma nova tela com um modelo inicial do código:

![](https://cdn-images-1.medium.com/max/1024/0*v0JNCLX9rAi2SaRx)

Perceba que as GitHub Actions nada mais são do que um arquivo YAML que ficam em uma pasta <seu repo>/.github/workflows e este será o nome do workflow, portanto é importante que ele seja bastante descritivo. Vamos dar o nome do nosso de publish-prod.yml:

![](https://cdn-images-1.medium.com/max/537/0*i8B-FwSTTrZuKtlV)

O conteúdo que temos é o seguinte:

![](https://cdn-images-1.medium.com/max/1024/1*zExvrp9-LVopTWg5oYZmcQ.png)

Primeiro, vamos setar um nome para nosso workflow, este será o nome que aparecerá na UI do GitHub, então podemos deixar um pouco mais bonito:

![](https://cdn-images-1.medium.com/max/1024/1*Jc3jshv1vu5YrAVs8ZHofQ.png)

Agora vamos definir em qual tipo de ação queremos que ele rode. Como queremos que ele rode em qualquer push ou PR no branch master, não vamos fazer nenhuma alteração, mas se precisássemos alterar esta ação, teríamos que mudar a chave on. Para verificar quais são as ações disponíveis, basta clicar no editor e apertar ENTER que um _intellisense_ será mostrado:

![](https://cdn-images-1.medium.com/max/290/0*bxe5Hg2B5h7kiL7s)

> _Veja que temos várias ações possíveis, para detalhar melhor, veja_ [_a documentação oficial_](https://help.github.com/en/actions/reference/events-that-trigger-workflows#webhook-events)

Então vamos criar uma seção para compartilhar variáveis de ambiente e conteúdos que vamos usar na parte mais a frente do nosso script, por exemplo, o nome do container e também o nome do resource group. Para isso criamos um bloco env:

![](https://cdn-images-1.medium.com/max/1024/1*c-TtD9itKom4CReF-j8i6g.png)

Agora vamos, de fato, criar a máquina e o que chamamos de runner, que é quem vai rodar o nosso código de testes e de publicação. Todo o workflow é composto de um ou mais jobs que podem ser executados sequencialmente ou em paralelo. No nosso caso não temos que fazer muita coisa, apenas conectar e fazer o deploy. Portando vamos modificar a seção jobs:

![](https://cdn-images-1.medium.com/max/1024/1*D2e42TJpQIis6nKobJBM8w.png)

Iremos rodar nosso job em uma imagem do Ubuntu, veja as demais opções [na documentação](https://help.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idruns-on). Depois disso vamos configurar os nossos steps, um step é uma sequencia de tarefas que serão executadas como partes de um job, ou seja, aqui será o lugar onde vamos executar o nosso login e o nosso deploy!

Para isso vamos modificar a chave steps e vamos remover todo o conteúdo, então vamos utilizar os steps pré prontos da Azure para poder fazer o login! Podemos pesquisar na caixa de texto lateral por Azure/login:

![](https://cdn-images-1.medium.com/max/1024/0*4bBSYavjQ9JDtefl)

Ao clicar no nome do step, vamos ter um tutorial de como usá-lo, neste caso é bastante simples, basta copiarmos o seguinte código para dentro do nosso step:

![](https://cdn-images-1.medium.com/max/446/1*fXK7Z3X6sywzaANHPrjx2A.png)

E será aqui que vamos setar o nosso primeiro secret, precisamos do AZURE\_CREDENTIALS que criamos anteriormente para poder prover as credenciais de acesso para o login. Para usar um secret basta colocá-lo entre chaves duplas como em: $`{{ secrets.AZURE_CREDENTIALS }}`.

Nosso arquivo está assim:

![](https://cdn-images-1.medium.com/max/1024/1*dGzjWLVNondqNe0LielzuQ.png)

Vamos criar um segundo step que vamos chamar de Deploy ACI, que será aonde vamos executar o nosso comando do Azure CLI. Para isso vamos utilizar outro step com o comando run que vai conter a linha que vamos executar em nosso CLI. Em nosso a caso, já com as variáveis substituídas, será esta:

![](https://cdn-images-1.medium.com/max/1024/1*YIcLMWWZALr7IO2Ws26ClA.png)

Vamos observar bem a última parte onde criamos a variável MONGOKE\_CONFIG\_URL, esta variável sozinha não vai ser suficiente, temos que concatená-la com o valor do SHA do commit para não sofrermos com o cache. Para concatenarmos variáveis, temos que trabalhar somente no nível de steps, pois expressões não são permitidas a níveis de jobs ou do workflow como um todo. Vamos então criar um outro step e chamá-lo de Create URL.

Neste step, vamos executar uma [**Workflow Command**](https://help.github.com/en/actions/reference/workflow-commands-for-github-actions#using-workflow-commands-to-access-toolkit-functions), que são comandos nativos do GitHub Actions, que podem ser acessados com a sintaxe ::comando. No nosso caso vamos usar o comando set-env, que serve para criar uma nova variável de ambiente, a sintaxe é a seguinte: ::set-env name=<nome>::<valor> e ai poderemos utilizar as expressões de concatenação:

![](https://cdn-images-1.medium.com/max/1024/1*wWgcaTtCATvy1NJwauG-cA.png)

Veja que estamos concatenando $`{{ env.MONGOKE_CONFIG_URL }}` com ?v= e pegando os seis primeiros digitos de uma [variável nativa de ambiente](https://help.github.com/pt/actions/configuring-and-managing-workflows/using-environment-variables) chamada GITHUB\_SHA. Vamos adicionar este step após o login:

![](https://cdn-images-1.medium.com/max/1024/1*6NT5gNCwS6FEm5tEaNkfqw.png)

Agora vamos para o último passo, onde vamos executar o nosso comando, com uma pequena alteração, ao invés de utilizar a variável MONGOKE\_CONFIG\_URL, vamos trocar para a nossa nova variável MONGOKE\_URL:

![](https://cdn-images-1.medium.com/max/1024/1*qqSANiai1089JDWGBh3O8Q.png)

Nosso arquivo final será assim:

![](https://cdn-images-1.medium.com/max/1024/1*UrbN1mgPw9gYrP-XNJVBWg.png)

Agora podemos clicar no botão Start Commit e esperar o nosso action ser executado:

![](https://cdn-images-1.medium.com/max/427/0*hctS-h0CJzc1EjO2)

### Acompanhando o workflow

Podemos acompanhar o nosso workflow na aba Actions:

![](https://cdn-images-1.medium.com/max/1004/0*wb7qZMr5Ajrjx__0)

Lembrando que **workflows não executados nenhuma vez não vão aparecer na lista**. Basta clicarmos no nome do workflow para podermos ver o que aconteceu:

![](https://cdn-images-1.medium.com/max/1024/0*mB8OsipEyxiwF3Bg)

Agora podemos observar no portal da Azure que nosso container foi atualizado:

![](https://cdn-images-1.medium.com/max/991/0*5UcnCdFkuZaJQmzL)

E que também nossas URLs estão corretas:

![](https://cdn-images-1.medium.com/max/765/0*sH4PNq2JApgDUMwd)

### Conclusão

Em 7 minutos automatizamos todo o processo de deploy da nossa aplicação para a Azure e, sem perceber, ganhamos muito tempo com uma ação simples e rápida que pode ser feita em poucos minutos!

Em outros artigos vamos explorar ainda mais os GitHub Actions para outras ferramentas e modelos de aplicação distribuída!

Não deixe de acompanhar mais do meu conteúdo no [meu blog](https://blog.lsantos.dev/?utm_source=devto&utm_medium=article&utm_campaign=gh_actions_7_mins) e se [inscreva na newsletter](https://blog.lsantos.dev/signup?utm_source=devto&utm_medium=article&utm_campaign=gh_actions_7_minss) para receber notícias semanais!

Até mais!