This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(112.00000000000001, 37%, 20%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ2%3C/text%3E%3C/svg%3E)
Hi There,
My customer has an Azure web app running on a .net run-time stack.
They are asking me if they can add Angular code to run on the same Azure web app.
Is this possible? or do they have to deploy a new web app with Node JS run-time stack?
@Krzysztof Borkowski Thank you very much for being up to the point.
@Krzysztof Borkowski a second question please, if the Angular code is a client side script, then does my customer have to built another web app based on node js runtime stack?
See this simple example here: https://learn.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-7.0&tabs=netcore-cli#create-a-new-app
The project template creates an ASP.NET Core app and an Angular app. The ASP.NET Core app is intended to be used for data access, authorization, and other server-side concerns. The Angular app, residing in the ClientApp subdirectory, is intended to be used for all UI concerns.
Hi @JMN-2253 ,
Checking to see if the below response help answer your question. Please remember to "Accept Answer" if any answer/reply helped, so that others in the community facing similar issues can easily find the solution. Thanks
-Grace
They can run a Node.JS, and a .Net App on the same Windows or Linux App Service Plan. But they need to deploy two different Web Apps.
Deploying the Angular App with “KUDU”
Kudu is the engine behind a number of features in Azure App Service related to source control based deployment, and other deployment methods like Dropbox and OneDrive sync. (Microsoft Documentation)
Another possible way to deploy the Angular application in Azure is by KUDU. This way we can manually add the files by accessing the App Service in the Azure portal and searching for “Advanced tools”:
Click in “Go”:
Another page in the browser will open, then click in “Debug console” > CMD:
You will see this page:
Click in “site” and in “wwwroot”, and click in the “+” icon to add a new folder:
Create a folder for your project:
Open your project local folder, and select all the files in the folder inside in the “dist” folder (after executing the ng build — prod command):
Drag and drop these files into the new folder that you created:
In your App Service in Azure portal, search for “Configuration”:
Click in “New virtual application or directory”, and change from “site\wwwroot\” to “site\wwwroot\BookStore-SPA” (or the name of the folder that you created):
After that remember to save the changes. Now you can also access the application.