Continuous Integration: Integrate early and often – Jez Humble

We will be using Microsoft VSTS to configure CI(Continuous Integration) pipeline.

lets follow below steps to achieve CI

Login to https://www.visualstudio.com/team-services/

  1. If you have either Outlook, Live or Hotmail account account then Sign InScreenshot_2.png
  2. If you don’t have any of Microsoft account then create one. This newly created account will be used for next stepsScreenshot_3.png
  3. After you login, click on Create new accountScreenshot_4
  4. Give a name to your VSTS account. Select Git as source control and click on Continue.  If any changes needed you can click on Change details linkScreenshot_5
  5. This creates first project. you have multiple options to choose the code
    • Clone this code to your computer
    • Push an existing repository
    • Import a repository
    • Build code from external repository
    • For this workshop will will import  sample Asp.net code from Git. Click on Import a repository option and click Import button
    • Screenshot_7
  6. Enter https://github.com/adventworks/aspnet4-sample link in Clone URL text box and click on ImportScreenshot_8
  7. Once the Import is successful, click on navigate to Code and you will see below screen. sample code has been successfully uploaded to VSTS git. Click on Set up build button from right cornerScreenshot_9.png
  8. Search for Asp.net, choose ASP.NET (PREVIEW) template. here you can choose other templates based on your project type. for now we will choose ASP.NET (PREVIEW). Click on ApplyScreenshot_11
  9. All the tasks are added to build definition automatically by template. these steps will run on every build to Nuget restore, Build project, Test project and Publish Artifact. Select Hosted VS2017 from Agent Queue drop-down. Screenshot_12
  10. Click on Triggers tab and enable Continuous Integration trigger. This will ensure the build process is automatically triggered on every commit to master. Click on Save & Queue Screenshot_15
  11. Click on Save & Queue to queue Continuous Integration buildScreenshot_13
  12. Click on Build Id to watch the new build as it happensScreenshot_14.png
  13. Once the build is completed, click on Build number to view the build summaryScreenshot_16.png
  14. Here you can see the build summary, Timelines for each task, build Artifacts, Code Coverage, Tests and moreScreenshot_17.png

We are done with out first Continuous Integration with VSTS.

Next steps

Add Code Quality Analysis with Sonarqube

Continuous Deployment with VSTS and Azure

 

Advertisements