GitHub + Angular + Azure DevOps

Rodolfo dos Santos Pinto
Jul 1 · 3 min read

Introdução

No artigo de hoje vamos mostrar como é simples integrar sua aplicação em Angular que está no GitHub com o Azure DevOps.

Mão na Massa

Mas Rodolfo para usar o Azure DevOps não precisa ser apenas aplicações .Net? Essa é uma dúvida que muitas pessoas possuem e a resposta é simples, NÃO. Hoje vamos adicionar uma aplicação em Angular no GitHub e realizar o build no Azure DevOps.

Vamos criar um repositório no GitHub.

Repositório GitHub

Com nosso repositório criado, vamos fazer o clone do projeto e subir a aplicação, vou usar o terminal , do gitBash para realizar os comando.

Git clone <<link do repositório>>

Agora que já copiamos o projeto para a pasta que clonamos nosso repositório, vamos comitar nosso código e enviar de volta para o repositório, utilizando os seguintes comandos:

git status e git add .
Git commit e git push

Agora que já temos nosso código no GitHub, vamos acessar o Azure DevOps.

Acessando o Azure DevOps, vamos utilizar um projeto já existente e acessar Pipeliones>>Builds e criar um novo Build, vamos utilizar a opção clássica para criar o build.

Vamos seleciona a opção GitHub para o source e autenticar com o GitHub para conseguirmos prosseguir. Selecione a “Authorize using OAuth”, caso necessários passe as credenciais para logar no GitHub.

Feito isso será possível selecionar os repositórios do GitHub, vamos selecionar o HeroApp criado anteriormente.

Agora é só criar a Pipeline de Build

Caso tenha dúvidas em criar o build para uma aplicação Angular acesse:

E nosso Build foi executado com sucesso! Conseguimos realizar um build, utilizando a integração entre GitHub e Azure DevOps em uma aplicação Angular 6.

Segue o link do repositório no GitHub :

https://github.com/Rodolfo1997/HerroAPP

JunDevelopers

O JunDevelopers é um grupo de estudos com sede em Jundiaí — SP. Nosso foco é promover o networking e disseminar o conhecimento e inclusão em desenvolvimento de software e tecnologia.

Rodolfo dos Santos Pinto

Written by

.NET Foundation | .Net Developer | Writer | Technology for Love | #Core #DevOps #Azure #NetCore

JunDevelopers

O JunDevelopers é um grupo de estudos com sede em Jundiaí — SP. Nosso foco é promover o networking e disseminar o conhecimento e inclusão em desenvolvimento de software e tecnologia.