Exercise - Push a change to your package

8 minutes

At this point, you have two pipelines. One publishes the Models package to Azure Artifacts, and one is for the Space Game web app. The build configuration for the web app references the Models package so that it can access the model classes.

Here, you'll practice updating the Models package and consuming that change from the web app.

To do that, you'll start by adding a property to one of the model classes and then bump the package version. Then, you'll submit the change to GitHub so that the pipeline can build the package and publish it to Azure Artifacts.

You'll then update the web app to reference the newer version number of the Models package so that it can use the added property.

Create a branch

Let's start by creating a branch to hold our work. Create a branch named add-game-style, which is based off the main branch.

At this point, you have two copies of Visual Studio Code open, one for the Tailspin.SpaceGame.Web.Models project and one for the Space Game web app project, Tailspin.SpaceGame.Web. Here, you'll work from the copy for the Tailspin.SpaceGame.Web.Models project.

From Visual Studio Code, open the integrated terminal.
From the terminal, to create a branch named add-game-style, run the following git checkout command.
```
git checkout -B add-game-style
```

Add a property to the Models package

Add a property named Scoreto one of the model classes, which provides the game style (or difficulty) with which the score is associated.

Here, you'll work from the copy of Visual Studio Code for the Tailspin.SpaceGame.Web.Models project.

From Visual Studio Code, open Tailspin.SpaceGame.Web.Models/Models/Score.cs. Add the following highlighted property to the list of properties already there.

using System.Text.Json.Serialization;

namespace TailSpin.SpaceGame.Web.Models
{
    public class Score : Model
    {
        // The ID of the player profile associated with this score.
        [JsonPropertyName("profileId")]
        public string ProfileId { get; set; }

        // The score value.
        [JsonPropertyName("score")]
        public int HighScore { get; set; }

        // The game mode the score is associated with.
        [JsonPropertyName("gameMode")]
        public string GameMode { get; set; }

        // The game region (map) the score is associated with.
        [JsonPropertyName("gameRegion")]
        public string GameRegion { get; set; }

        // The game style (difficulty) the score is associated with.
        [JsonPropertyName("gameStyle")]
        public string GameStyle { get; set; }
    }
}

Note

You're making a change to a file in the project to demonstrate where you bump up the version number. However, we won't update the web app to use the new property.

Save the file.
To verify your work, build the project:
```
dotnet build --configuration Release
```
In practice, you might perform additional verification steps, such as running tests or testing the new package with an app that uses it.

Build and publish the package

Now that you've added the new property to the Score class and verified the project builds successfully, you can update the package's version. You can then push your change to GitHub so that Azure Pipelines can build and publish the updated package.

Open azure-pipelines.yml, change the minorVersion from 0 to 1, and save the file.
```
minorVersion: '1'
```
Here, we bump the version from 1.0.0 to 1.1.0 to make the change clear. In practice, you'd follow the versioning scheme for the kind of package you're working with.

For example, according to Semantic Versioning, bumping the minor version to 1 (1.1.0) tells others that the package is backward compatible with apps that use version 1.0.0 of that package. Those who use the package might then modify their app to make use of new features.

Popular open-source projects provide documentation in the form of a changelog that explains the changes made in each version and how to migrate from one major version to the next.

Stage, commit, and push your changes:

git add .
git commit -m "Add GameStyle property"
git push origin add-game-style

From Microsoft Azure Pipelines, go to the Tailspin.SpaceGame.Web.Models project, and watch the build run.
Open the Artifacts tab and note the new version. Don't worry; your old version is still there for any projects that still reference it.
As you did previously, write down the new version for the next unit.

Reference the new version of the Models package

Now, change the Tailspin.SpaceGame.Web project to use the new version of the Tailspin.SpaceGame.Web.Models package.

Here, you'll work from the copy of Visual Studio Code for the Space Game web app project, Tailspin.SpaceGame.Web.

From Visual Studio Code, open Tailspin.SpaceGame.Web.csproj, and change PackageReference to the version number of the Tailspin.SpaceGame.Web.Models package you created in Azure Artifacts. Then, save the file.

Here's an example:
```
<PackageReference Include="Tailspin.SpaceGame.Web.Models" Version="1.1.0-CI-20210528-202436" />
```
If Visual Studio Code asks you to restore packages, you can safely ignore that message. For brevity, we won't build the web app locally.

From the terminal, stage, commit, and push the changes.

git add .
git commit -m "Bump Models package to 1.1.0"
git push origin models-package

From Azure Pipelines, go to the mslearn-tailspin-spacegame-web project, and watch the build run.

You see from the build output that it gets the latest dependency, builds the app, and publishes the artifact for the web app.

Exercise - Push a change to your package

Create a branch

Add a property to the Models package

Build and publish the package

Reference the new version of the Models package

Feedback