Azure DevOps com Angular e GitHub Pages
Veja nesse artigo como criar uma pipeline no Azure DevOps para publicar o seu projeto Angular no GitHub Pages
Dando continuidade ao meu artigo anterior: Angular 8.3: publicando projeto com o Angular CLI em 5 passos, hoje eu irei demonstrar como criar uma pipeline no Azure DevOps para automatizar o processo de deploy demonstrado no artigo anterior.
Para os próximos passos sera necessário ter uma conta no Azure DevOps Service. Caso você ainda não tenha se cadastrado la, acesse o seguinte link para acessar o portal e criar uma conta: Azure DevOps.
Com o passo da conta OK, vamos a criação de uma nova pipeline. Para isso, siga os passos abaixo:
1- Clique em pipelines:
2 -Em seguida no canto superior direito, clique no botão New pipeline:
3- Selecione o repositório do seu código.
Para esse artigo, eu irei utilizar um repositório do meu GitHub.
4- Selecione a pipeline do Node.js:
Esse passo deve criar uma pipeline básica para projetos Node.js.
Caso seja necessário adicionar um novo step na sua pipeline, você pode utilizar o assistente no canto direito demonstrado na imagem abaixo:
Agora para ajustar pipeline para publicar o nosso projeto, altere o comando npm run build para npm run deploy.
Obs.: Esse comando e com base no meu arquivo package.json, nele eu adicionei o comando ng deploy da nova versão do Angular 8.3
Clique em Save and Run, de um nome para o seu commit e clique em Save and Run novamente.
Assim que o Job finalizar, acesse a sua página no GitHub pages e verifique as alterações que você subiu nessa nova release do seu projeto.
Link do meu projeto publicado em uma pagina do GitHub: Angular 8.3 DevOps.
Bom, a ideia desse artigo era demonstrar como automatizar o processo de deploy de um projeto angular, utilizando um arquivo .yml no Azure DevOps Service.
Espero que tenham gostado e até um próximo artigo pessoal 😉
