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

时间:2021-05-24 15:58:14

标签: node.js next.js reverse-proxy vps openlitespeed

我正在尝试学习 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 设置为反向代理,而且我也有点担心如果我继续测试随机的东西,我可能会损坏某些东西。

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

提前致谢

1 个答案:

答案 0 :(得分:0)

好的,我想我已经找到了一个解决方案(通常是在提出问题后的一天)。我不是 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 时,我可以在域级别看到该站点!!

当我关闭终端会话时,我仍然需要做一些研究以使其保持运行(查看 PM2systemd),但我感觉更加积极,因为似乎有有很多关于正确配置 next.js 的信息,我不再碰壁了!!