将创建反应应用程序部署到Plesk Onyx

Question

这个问题将不会特别详细，因为该问题非常基本，并且与Plesk Onyx实施Node支持的方式有关。

我正在尝试将使用create-react-app创建的react应用程序部署到安装了Plesk Onyx的服务器上托管的域中。我显然无法与核心服务器打交道，因为我可能会破坏其他域。因此，我需要以Plesk正确处理的方式安装此应用。我遇到的问题是，我没有在任何地方找到有关如何执行此操作的指南。

Plesk要求的项目结构实际上非常不灵活，并且与create-react-app所施加的结构完全不同。例如，Plesk要求文档根目录是应用程序根目录的子级，这与create-react-app设置项目的方式完全相反。

我这里没有显示代码，因为这是部署问题，而不是代码问题，涉及项目的结构以及如何将圆钉钉入方孔。

Answer 1

我也遇到过类似的问题，但我想我有某种解决方法。我实际上还没有尝试过这是否有效或在 Plesk Onyx 中是否有效。

基本上我想将一个 create-react-app 放到基于 plesk onyx 的托管上并运行，npm start最终导致react-scripts start，并且我意识到 Plesk 没有能力做到这一点。Plesk 不是 VPS...

相反，Plesk 运行 js 脚本文件来执行服务器，例如App.js或server.js，并且可以通过 Plesk NodeJS 控制面板进行设置。

为此，我express通过运行安装： npm install express --save 并创建了一个server.js包含以下代码的文件：

const express = require('express');
const bodyParser = require('body-parser')
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'build')));

app.get('/', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(process.env.PORT || 8080);

我从这里得到了代码： https ://dev.to/loujaybee/using-create-react-app-with-express

然后我运行npm run build创建一个生产版本，最后node server.js. 我的应用程序（反应教程中的一个简单的井字棋游戏）可在本地主机端口 8080 中使用。

根页面

如果我成功了，我会给你更新的。