Change Application Home page - nikkh/maug3010 GitHub Wiki
The application is up and running. Now we should make a change to it and observe the behaviour in Azure DevOps. To start navigate to Azure DevOps and authenticate using the user you have previously been using https://dev.azure.com.
Select your project and in the left navigation menu, select Repos:
This lets you see the source code for your application. Typically here you would clone the git repo for the project, and then make changes using an IDE (such as Visual Studio 2019 or VSCode). For simplicity we are going to use the simple code editor already available in Azure Repos.
Click on the Application folder -> aspnet-core-dotnet-core -> pages.
Click on Index.cshtml (This is the source code for the home page of the sample application).
Click Edit
Replace the following line:
div class="success-text">Success!</div>
with
div class="success-text">Hello MAUG!!</div>
click commit - accept the defaults on the commit dialogue and commit.
Warning! You wouldn't do this in practice! This is one of the areas where you would customise your project. You would not let just anybody check in code to your master branch - you would set Azure DevOps Branch Policies to ensure that code was reviewed and tested before being merged into master (and ultimately deployed). I'll leave you to research this if its new to you.
Go back to your Azure DevOps project build pipeline and click on the build that is running.. Here you can monitor the progress of your build by watching the logs or inspecting the summary:
When your build is finished, it will automatically kick off a release (in practice you may want to introduce a manual approval step here):
When your release has finished you can look at the new version of your home page: