0
638
ViewsDeployed angular app to Azure web app - But showing the default Azure page
I created a Web App in Azure to host an angular application. I selected the runtime as bellow:
But my local setup details:
- Node version: v13.0.1
- Angular version: 8.2.11
I used Anguler cli to create the application and then I ran ng build --prod to create the dist. Then I tried following methods to deploy the Angular app to Web app: 1. Used Azure App Service extension in VS Code 2. FTP using FileZilla with the ftp details from the Web app's deployment center.
But when I brows the url: https://eventzweb.azurewebsites.net/ I see the following page but not my page from the angular app.
Any idea why this is happening? Why I'm not seeing my page?
Thank you for your help in advanced.
3 answers
Answer question0
Simplest solution:
Go to your app service > Configuration
Under Configuration, select the tab -> General Settings
On the Startup Command field, enter the following command:
pm2 serve /home/site/wwwroot --no-daemon --spa
Now your app should be able to appear instead of the default page.
The reason your app is not running is because it is running on Linux, and Linux does not have a IIS server to handle routes of your node app (it goes something along those lines).
Watch this video, this guy deserves all the credits (go like his video if this saved you): https://www.youtube.com/watch?v=HLhlKIIfaZs
0
What worked for me, is to have Node 12 runtime + setting the startup script in General settings given by @LouisDev22 (Thanks a lot):
pm2 serve /home/site/wwwroot --no-daemon --spa
and then set the SCM_TARGET_PATH variable to /home/site/wwwroot in the Application settings, this variable is only needed if you first run your app service with another runtime.
PS1: You can find the General and Applications settings in the app service Configuration menu.
PS2: Bravo Azure
0
Well,
you need a webserver to run your angular website. The Node Runtime stack by default does not have a webserver running, so nothing can be displayed.
You could host your website using some node.js webserver (express.js) but this will require additional npm packages and configuration. Better option is to switch operating system to windows. Then IIS will be used to host your website you deployed to your app service. Have a look at https://angular.io/guide/deployment#server-configuration for required rewrite rule configuration for angular hosted in IIS