Electronic with React：如何建立生产Web服务器

Question

我有Electronic应用程序，它装载React应用程序，运行在端口8080上的webpack-dev-server上。React应用程序正在端口9001上与节点服务器应用程序通信。如何在生产中设置webserver？我现在尝试的是通过postinstall脚本分别安装节点。所以Electronic使用自己的node打包版本，webpack-dev-server使用另一个版本的node，通过脚本安装。我觉得这不是正确的方式。如何使用电子版本的node for webpack-dev-server？是否有可能使它只对电子和webpack-dev-server使用node的打包版本？谢谢

Answer 1

由于windows上的后安装问题，通过deb依赖项安装node的想法并不是很好--在windows上编写依赖项来安装不是那么容易的。相反，我下载了节点二进制文件，并将节点二进制文件打包到asar包中。我使用files选项仅打包用于平台构建正在运行的二进制文件：

package.json：

"build": {
    "asarUnpack": [
      "**/*"
    ],
    "files": [
      "!binaries",
      "binaries/${os}/${arch}/node",
      "src",
      "*.html",
      "*.js",
      "*.tpl",
      "*.sh",
      "*.json",
      "*.md",
      "*.lock"
    ],

多亏了asarUnpack选项，我解压缩了asar包，并且能够访问文件系统上的节点二进制。然后，在main process index.js中，我以以下方式构造节点路径：

const nodePath = path.join(
    process.resourcesPath,
    "app.asar.unpacked",
    'binaries',
    platform == "win32" ? "win" : platform,
    arch,
    "node"
)

const productionWebpackServerStartPathArgs = [`${process.resourcesPath}/app.asar.unpacked/node_modules/webpack-dev-server/bin/webpack-dev-server.js`, '--config', `${process.resourcesPath}/app.asar.unpacked/webpack.config.js`];
let webpack_dev_server_cmd = crossSpawn(nodePath, productionWebpackServerStartPathArgs );