如何在Azure App Services上运行React.js应用程序？

Question

我有一个简单的React.js应用程序,在我的localhost上完全正常工作.

例如 - clone git repo - 转到克隆的repo的根文件夹 - npm install - npm start浏览器在端口3000上打开.效果很好!

现在,我正在尝试将此应用程序升级到Azure应用服务(正式的Azure网站).

因为我的代码位于git仓库中,所以我将Azure App Service/WebSite连接到git仓库,并在推送提交时启动KUDU.所以git部署webhook正在工作,但我没有想到别的:(

这是我的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

您需要为Kudu创建自己的自定义部署脚本.幸运的是,有一个部署脚本生成器作为azure-cli工具的一部分.

关于Kudu wiki的更多细节:https: //github.com/projectkudu/kudu/wiki/Custom-Deployment-Script