In today Agile tech industry clients want zero downtime and quick turn around time from dev to prod, with more these process integration like continues development to continues deployment and so on.. (other DevOps process). With these process automation, each team Dev/Testing/QA/Admin all can perform their role easily and independently without any flow caveat till deployment and finally customer is happy 😊





Microsoft Azure has this capability in-build without and additional cost and it supports multiple cloud supported repos. out of which GitHub is also supporting this integration which is widely used by the opensource community.

Steps for Angular 5 continues deployment using GitHub

On the high-level, we need perform below steps

ng build --prod --aot install kudu support update .cmd file using kudo script Commit to GitHub branch. Done! Check the portal.

What is --AOT angular 5

The Angular Ahead-of-Time (AOT) compiler converts your Angular HTML and TypeScript code into efficient JavaScript code during the build phase before the browser downloads and runs that code. - Angular.io

Why --aot

So basically, this will compile HTML and TypeScript code during the build time and hence increase in application performance rite from it's initial load time and app functionality. cause browser always gets pre-compile code version which it can render immediately.

What is Kudu

Kudu is the cloud service to build/deploy and explore azure websites

1. Build:

ng build --prod this is always better before deploying so that we can identify and package time error.

2. Install Kudu Script: