Objective:

To build a pipeline for an Angular JS application, which includes package creation, push the package to Octopus, create a release and adding NVM in build pipeline.
Check my previous blog to know more about NVM.

Prerequisites
The tools you need to install:
• Team city
• Node
• Octopus

Create the sample Angular JS application, use the following guide to create the basic app.
I assume you’re familiar with TeamCity, if not please check this link to learn how to create a project in the TeamCity

Configure TeamCity build pipeline

Step 1 – Install NVM

As discussed in my last blog on NVM, below step needs to be added in your pipeline to switch between two nodes versions.

You have to add the “.nvmrc” file in your solution and add the node version in “.nvmrc” file


Step 2 – Install npm globally


Step 3 – Build the project

Step 4 – Push Package to Octopus

Two major things in this are the Octopus connection and Package path.

You must provide an Octopus URL and an API key (If you don’t have one, you can generate it from profiles).

Package paths: This is a path to folder form which you’re going to create a zip file for deployment.


Step 5 – Create release

While creating the release we need to give the project a name which was already been created in Octopus.
Note: The project should be available in Octopus

Once Release got created, you can find it in Octopus ->Project -> Releases

Conclusion

This is the basic way of building a pipeline for angular js application. Here I’ve done it by creating a Zip file and push to Octopus, another way to create a package is with the nuspec file.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

*