Angular 7 with Azure CDN | angular 7 cdn
![Angular 7 with Azure CDN](https://i.imgur.com/axBPWDg.jpg)
ThefirstpartofbuildingAngular7onAzureDevOpsBuildPipelineishere[1].SinceAngular7applicationisallstaticJavaScript,HTML,andCSS,hostingAngularonaCDN(Content-Delivery-Network)isaconvenientwaytooffloadsomeworkthatthewebservermightnormallydo.NewStorageAccountTohosttheAngularapplication,I’mstartingbycreatinganAzureStorageaccounttoholdthefiles.StaticWebsiteonStorageAccountAzureStoragehastheoptiontohostastaticwebsite.Specifyingindex.htmlallowsfortheroutehttps://......windows.nettobeevaluatedtohttps://...
![Angular 7 with Azure CDN](https://i.imgur.com/H8YKUrg.jpg)
The first part of building Angular 7 on Azure DevOps Build Pipeline is here[1].
Since Angular 7 application is all static JavaScript, HTML, and CSS, hosting Angular on a CDN (Content-Delivery-Network) is a convenient way to offload some work that the webserver might normally do.
New Storage AccountTo host the Angular application, I’m starting by creating an Azure Storage account to hold the files.
Static Website on Storage Account
Azure Storage has the option to host a static website. Specifying index.html allows for the route https://......windows.net to be evaluated to https://......windows.net/index.html
Deploying to Azure Storage
Before I can view the website, I need to deploy the Angular application to the Azure Storage website. I’m working with the build artifacts generated from the build pipeline described here[2].
The one step is choosing the task “Azure Fi...