Build a repo using the visual designer

Azure Pipelines

Tip

We recommend that you use YAML instead of the visual designer that is explained below. YAML allows you to use the same branching and code review practices for your pipeline as you would for your application code. See Create your first pipeline.

Prerequisites

  • You need an Azure DevOps organization. If you don't have one, you can create one for free. If your team already has one, then make sure you're an administrator of the Azure DevOps project that you want to use. (An Azure DevOps organization is different from your GitHub organization. Give them the same name if you want alignment between them.)
  • You need a GitHub account, where you can create a repository.

Get the sample code

Azure Pipelines can be used to build an app written in any language. For this guide, we will use a .NET Core sample app. Fork the following repository into your own GitHub account.

https://github.com/MicrosoftDocs/pipelines-dotnet-core

You should now have a sample app in your GitHub account.

Set up CI for your repository

Follow the steps below to configure GitHub as a source for your Azure Pipelines build.

  1. Login to your organization in Azure DevOps and navigate to your project.

  2. In your project, navigate to the Pipelines page, and then choose New pipeline.

  3. Select GitHub for the type of repository.

  4. Give your connection a name, and then select the Authorize using OAuth button. Optionally you can use a GitHub personal access token instead of OAuth.

  5. When prompted, sign in to your GitHub account. Then select Authorize to grant access to your organization. If you already are signed into GitHub in another browser tab, you may not see this step.

  6. Choose the repository that contains the sample you forked earlier and select Continue.

  7. Select the ASP.NET Core build template or a template that is appropriate for your application.

  8. Choose Hosted Ubuntu 1604 for Agent pool.

  9. Select Triggers. Enable Continuous integration for your builds. Ensure you include the master branch under Branch filters. This setting ensures each commit to master in GitHub will trigger a build via a GitHub webhook.

  10. Select Save & queue to save your build pipeline and create the first build.

  11. Once the build completes, select the name of the pipeline in the build results page to navigate to the history of builds for that pipeline. Take a note of the definitionId in the URL. You will need this to set up the build badge in upcoming steps.

Get the status badge

  1. In the Azure Pipelines page, navigate to the list of pipelines.

  2. Select the pipeline that was created for you.

  3. In the context menu for the pipeline, select Status badge.

    Status badge

  4. Copy the sample markdown from the status badge panel.

Add a status badge to your repository

In GitHub:

  1. Select the Readme.md file, and then choose Edit.

  2. Copy the status badge Markdown that you copied in the previous section at the beginning of the readme.md file.

  3. Commit the change to the master branch.

  4. Notice that the status badge appears in the description of your repository.

In Azure Pipelines:

  1. Observe that a new build is queued; its status could be either not started or running.

Q & A

How do I use a personal access token to authorize the Azure Pipelines to GitHub connection?

See this article for creating a GitHub personal access token. You can use the token in the Azure Pipelines Get sources task of your build or release pipelines by creating a GitHub service connection and entering the token.