Sharing Top Content from the Angular-sphere.

Serving Angular App From Azure Functions

  • There must be some very specific scenarios where you would want to serve your Angular app via Azure Functions.
  • I’ve wrote a post almost a year ago going through the steps to serve an Angular app from Azure CDN and that post is still relevant, but I’ll highlight some advantages of using functions.
  • Now I’ve got to be careful here whether I’m going to serve my app in the root of my domain or in a virtual directory.
  • Small mistake here, instead of , it should be – – Some key differences between serving your angular app via CDN and Azure Functions are: – – That’s it.
  • Do let me know if you end up using this for a production app.

There must be some very specific scenarios where you would want to serve your Angular app via Azure Functions. To be very honest, I’m not even sure if there’s such a scenario yet, but I’m up for the challenge. I’ll show you how to implement it technically, whether it fits into your situation then it’s another matter.

I’ve wrote a post almost a year ago going through the steps to serve an Angular app from Azure CDN and that post is still relevant, but I’ll highlight some advantages of using functions.

But first, let’s start with steps to get there:

For this step, I’m using the Azure Storage Explorer. Once you create the blob container, copy the URL to it.

Now I’ve got to be careful here whether I’m going to serve my app in the root of my domain or in a virtual directory. This will change the way you’re going to build your application. Either or where is your virtual directory.

Small mistake here, instead of , it should be

Some key differences between serving your angular app via CDN and Azure Functions are:

That’s it. Hope it helps.

Do let me know if you end up using this for a production app. I’d be very keen to…

Serving Angular App From Azure Functions