How To Deploy Static Angular Website With Azure DevOps

A step by step guide Using Azure DevOps

There are a lot of deployment strategies when you deploy your angular applications to production and your deployment strategy is entirely depends on your application architecture. For example, If you are using Java or Nodejs with Angular you need to deploy your application on respective environments. If you are serving Angular static assets with NGINX in that case, you can dockerize the app and put that on Azure AKS.

One way of developing Angular applications is to use Azure blob storage for static web hosting. In this post, we will see how we can deploy an Angular static website using Azure DevOps.

• Introduction
• Example Project
• Prerequisites
• Build Pipeline
• Release Pipeline
• Demo
• Summary
• Conclusion

Introduction

As I said earlier, one way of developing Angular applications to put the Angular build into Azure blob storage and distribute it with Azure CDN. As shown in the following figure all the Angular static assets are uploaded into blob storage and configure Azure CDN to distribute the content across…