如何使用 VPS 服务器/openlitespeed 在域上部署下一个 JS 应用程序

Question

我正在尝试学习 next.js，但我真的很想知道如何在我的 VPS 上部署它，因为我不习惯运行没有 index.html 的网站。我一直在努力研究它一周的大部分时间，这让我有点发疯了！！

所以，我的 VPS 使用 Centos 7、cyberpanel 和 openlitespeed。出于测试目的，我只是使用最初的 next.js 构建（即第一次创建的内容）。我将文件复制到我网站的 public_html 文件夹并运行“npm build”。如果我运行“npm start”，我可以在 my-domain-name:3000 上看到“站点”。但我不知道如何让它在我的域名上运行。我发现的所有信息似乎都是关于在各种服务（Vercel、数字海洋等）上部署或以其他方式与仅在 VPS 上设置无关

到目前为止，我最接近的线索是在 OpenLiteSpeed 中，我需要为我的站点的虚拟主机创建一个应用服务器“上下文”（Cyber​​Panel 自动创建了这个）并输入了以下设置：

• URI：/
• 位置：/home/$VH_NAME/public_html
• 二进制路径：/usr/bin/node（不确定这是否正确，但我的 服务器级别）
• 应用类型：节点
• 启动文件：server.js

启动文件是https://nextjs.org/docs/advanced-features/custom-server 中显示的基本文件。我还尝试使用以下内容更新脚本：

"scripts": {
  "dev": "node server.js",
  "build": "next build",
  "start": "NODE_ENV=production node server.js"
}

另外，我尝试在我的防火墙 (CFS) 中打开端口

我似乎仍然无法弄清楚我应该如何在不使用端口号的情况下让我的 VPS 运行这个站点，或者当我在 VS Code 中终止会话时如何保持它运行。我觉得我真的误解了如何将 OpenLiteSpeed 设置为反向代理，我也有点担心如果我继续测试随机的东西，我可能会损坏一些东西。

这可能是现代 Web 开发 101，但我真的很困惑，不知道在哪里寻找答案。如果有人有时间，你能指出我正确的方向吗？很高兴提供有关我的设置的任何其他必要信息...

提前致谢

Answer 1

好的，我想我偶然发现了一个解决方案（通常是在提出问题后的第二天）。我不是 100% 确定这是 正确 解决方案，所以如果有人看到问题，请告诉我。否则，对于处于相同情况的其他人来说，它就在这里

在我的 public_folder 中，我创建/修改了 .htaccess 文件：

RewriteEngine On
RewriteRule ^(.*)$ http://127.0.0.1:3000/$1 [P,L]

然后在 OpenLiteSpeed 中，我使用以下设置在为我创建的域虚拟主机 Cyber​​panel 下设置了一个“外部应用程序”：

• 名称：127.0.0.1:3000
• 地址：http://127.0.0.1:3000
• 最大连接数：100
• 列表项
• 连接保持活动超时：60
• 初始请求超时（秒）：60
• 重试超时（秒）：0
• 响应缓冲：否

然后我重新启动了 OLS，现在当我运行 NPM start 时，我可以在域级别看到该站点！！

当我关闭终端会话时，我仍然需要做一些研究以保持它运行（查看 PM2 或 systemd），但我感觉更加积极，因为似乎有很多那里有关于正确配置 next.js 的信息，我不再碰壁了！！