node.js - 如何让 React.js 应用程序在 Azure 应用服务上运行？

Question

我有一个简单的 React.js 应用程序，它在我的本地主机上 100% 完美运行。

例如- 克隆 git 存储库- 转到克隆存储库的根文件夹- npm 安装- npm start 并且浏览器在端口 3000 上打开。效果很好!

现在，我正在尝试将此应用程序提升到 Azure 应用服务(以前称为 Azure 网站)。

因为我的代码位于 git 存储库中，所以我将 Azure 应用服务/网站连接到 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 运行构建

第一季度。

那么 - 我怎样才能让 azure 在 git commit/push 上执行这两个步骤？

• npm 安装
• npm run build

第二季度。

我需要在我的启动文件中设置任何特殊的东西吗？我认为 npm run build 将所有新创建的文件扔到 \build 文件夹中，所以我假设我需要设置启动文件为 build\index.html ？

干杯!

Answer 1

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

更多详细信息请参见 Kudu wiki: https://github.com/projectkudu/kudu/wiki/Custom-Deployment-Script