Single Page Application deployment pattern in AKS using Azure Devops pipeline — part 2

This blog is continuation of my earlier blog Single Page Application deployment pattern in AKS using Azure Devops pipeline | by Aniket Mukherjee | Medium. I will recommend to visit the Part 1 once and checkout the details.

Setting up Vue project

The main objective of the blog is not to demonstrate on vue capabilities. I will quickly setup a hello world project.

If you do not have nodejs installed in your laptop then you can quickly setup by following the instruction provided in the URL https://docs.microsoft.com/en-us/windows/nodejs/setup-on-windows. You need admin access for that.

Once you have installed node, you can go ahead and install vue cli globally using command (npm install -g @vue/cli @vue/cli-service-global).

Next setting up the project, you can follow along the video

or just fork my repository here and then start working in your local machine by following the steps in below Readme file.

Once the project setup is done, we will verify that application is running locally using below command -

cd <project_folder>

yarn

yarn serve

This will launch the application at http://localhost:8080/ and you should see like below -

Testing locally with Dockerfile

You need to have docker installed in your local machine. Navigate to the project folder and execute below commands -

docker build -t anikm1987/mydemoapp:1.0.0 .

docker run -p 8080:80 anikm1987/mydemoapp:1.0.0

To be continued …