Deploy Web App from Visual Studio Code to Azure App Service

Question

I have a "Hello, World" Node.js app. My app has the following structure:

/
  /src
    index.html
  package.json
  README.md

The index.html file just contains this:

<html>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

I am successfully running this locally using npm test via lite-server. My package.json file looks like this:

{
  "name":"my-hello-world",
  "version":"0.0.1",
  "description":"This is a test",
  "main":"index.js"
  "scripts": {
    "start": "lite-server --baseDir=src"
  },
  "author":"",
  "devDependencies": {
    "lite-server":"^2.5.3"
  }
}

I am attempting to deploy this via the "Azure App Service" Visual Studio Code extension. To do this, I:

Right-click on my app service in the explorer.
Choose "Deploy to Web App..."
Select the "src" directory.
Click the "Deploy" button

When I click "Browse Website", I just see a "Hey, Node developers!" splash screen. However, when I run npm start on my local machine, the "Hello World!" page shows as expected. What am I missing?

George Chen George Chen · Accepted Answer · 2019-05-27T09:39:45

I tried to deploy the node web to azure and configure the bs-config.json, the page will show error page. Then I check the Application Logs, then I found it will open localhost port and I check the lite-server github page, found it uses BrowserSync, it's a tool for local development.

If you just want to test node web with azure, you could try with the code provided by the official doc: Create a Node.js web app in Azure. You don't need change anything just extract the zip file and deploy it. It will work.

Deploy Web App from Visual Studio Code to Azure App Service

2 Answers