How to deploy Angular 6 with .NET Core 2.0 Web API Application to Microsoft Azure?

Question

I have created ASP.NET Core 2.0 Web API (Server-Side app) application and inside that created Angular 6.0 app (Client-Side app). Both apps are build and running successfully in a local environment (Database - MongoDB: mLab server).

Now, I want to deploy an angular app with .net core web API app to Azure environment in a single web app service (where client app and server app (web API) will serve).

However, I deployed an angular app (client-side) to the Azure environment but not with .net.

I just recently wrote a blog about how to do this in very detail https://medium.com/@omikolaj1/complete-guide-to-deploying-angular-and-asp-net-33a0976d0ec1 — O.MeeKoh, Aug 04 '19 at 02:44

score 7 · Accepted Answer · answered Jun 26 '18 at 11:27

I know you ask about how to deploy both the client and the server in a single API app but you should create two Azure Web Apps:

An Azure API App that hosts your .NET core based Web API
A Azure Web App that serves your Angular application (most likely only contains static files) and probably consumes your API app.

This will allow you to deploy e. g. a fix in the API without the need to redeploy your UI. This also won't add additional costs since you can host both apps in a single App Service plan and will simplify your CI / CD process.

That makes sense !!. I will go with this approach – Harshal Yelpale Jun 26 '18 at 11:49 — Harshal Yelpale, Jun 26 '18 at 11:49

How to deploy Angular 6 with .NET Core 2.0 Web API Application to Microsoft Azure?

1 Answers1

Linked