How to get a React.js application running on Azure App Services?

Question

I have a simple React.js application that works 100% perfectly on my localhost.

eg. - clone git repo - go to the root folder of the cloned repo - npm install - npm startand the browser opens on port 3000. Works great!

Now I'm trying to connect this application to the Azure App Service (formally Azure Websites).

Since my code is in the git repository, I connected my Azure App Service / WebSite to the git and KUDU repository when commit interception occurs. So the git deployment web application works, but I don't think anything :(

This is my file packages.json:

{
  "name": "Test Website",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.5"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-router": "^3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

"build": "react-scripts build"? , , .

. npm run build

Q1.

- azure git commit/push?

• npm install
• npm run build

Q2.

- startup? , npm run build \build, , build\index.html?

!

Answer 1

script Kudu. , script azure-cli.

Kudu: https://github.com/projectkudu/kudu/wiki/Custom-Deployment-Script

Answer 2

, Azure .

Node :

Azure Cloud Services , , node_modules . package.json npm-shrinkwrap.json , , Cloud Service. , , . Azure npm install, Node.

tl; dr; Azure "" . , , , - , .