在宝塔面板上部署DailyHotApi #27

dahaichaoyong · 2023-10-14T14:34:16Z

dahaichaoyong
Oct 14, 2023

非常感谢作者@imsyy 开发的系统，不过在评论区看到有小伙伴不大明白怎么部署，今天忙活了半天，也遇到了“-bash: pnpm: command not found”、“-bash: /usr/bin/pnpm: Permission denied”这类问题，最后终于部署成功了，所以在这里分享下我部署DailyHotApi的步骤。（我也是个小白，如有错漏，请谅解）（因为没看到图片上传按钮，所以都是文字了）

1、解析域名 [hot-api.seoshipin.cn]
2、在宝塔网站管理-创建站点，网站PHP版本选择【纯静态】。
3、把源码上传到网站根目录。
4、（接下来，重点来了）安装pnpm
（1）我们先到宝塔的软件管理，搜索pm2，安装【PM2管理器5.5】
（2）点击PM2管理器 5.5右边的设置，点击Node版本，我选择了v16.20.2，等待切换完成
（3）点击【模块管理】，在搜索框输入pnpm，点击【安装】
（4）回到网站管理，进入网站根目录，点击【终端】
然后在终端内依次输入：
pnpm install
pnpm start

说明：
pnpm install 是安装依赖
pnpm start 是运行

Tips：
服务端口以及允许的域名可在根目录下的.evn文件内修改

（5）终端跑完后前往站点设置 – 反向代理 – 添加反向代理
代理名称：api-hot
目标url：http://127.0.0.1:6688
发送域名：$host
其他不用管，点击提交

（6）最后前往软件商店 – PM2管理器 – 添加项目
启动文件：选择网站根目录的index.js，比如我的：/www/wwwroot/hot-api.seoshipin.cn/index.js
其他的默认不用管，点击提交

（7）温馨提醒：如果使用的是如腾讯云阿里云华为云等服务器，需要前往安全组/防火墙添加设置的服务器端口6688，其它服务器需要在宝塔面板 – 安全 – 添加端口规则

至此，API就部署好了。

接下来去部署前端页面，方法是类似的。
1、解析域名 [hot.seoshipin.cn]
2、在宝塔网站管理-创建站点，网站PHP版本选择【纯静态】。
3、把源码上传到网站根目录。
Tips：
如果你需要修改成你自己部署的API接口
请修改根目录下的 .evn 文件内的 VITE_GLOBAL_API

4、进入网站根目录，点击【终端】
然后在终端内依次输入：
pnpm install
pnpm build

5、构建完成后可将生成的 dist 文件夹内的文件移动至站点根目录即可