DailyHot今日热榜部署教程 DailyHot 今日热榜：聚合了多个平台的热搜，一页尽知天下事，推荐部署！项目均来自于imsyy大佬，后端项目：DailyHotApi，前端项目：DailyHot一、准备工作1、一台VPS，安装了基本环境，本教程以宝塔面板为例2、如果打算前后端分离，需要准备两个二级域名，本教程后端域名：hot-api.bbit.fun，前端域名：hot.bbit.fun二、后端API部署1、源码部署clone项目cd /www/wwwroot git clone https://github.com/imsyy/DailyHotApi.git<u>Tips：服务端口以及允许的域名可在根目录下的.evn文件内修改</u>安装Node.js、npm、pnpmapt update -yapt install nodejs npm -ynpm install -g pnpm切换到项目路径、安装依赖cd DailyHotApi pnpm install安装【PM2管理器5.5】我们先到宝塔的软件管理，搜索pm2，安装【PM2管理器5.5】点击PM2管理器 5.5右边的设置，点击Node版本，我选择了v18.19.0，等待切换完成点击【模块管理】，在搜索框输入pnpm，点击【安装】前往 PM2管理器 —项目列表— 添加项目启动文件：选择网站根目录的index.js，比如我的：/www/wwwroot/DailyHotApi/index.js,其他的默认不用管，点击提交最后前往项目列表— 为该项目映射添加域名<u>Tips：如果前端根目录下的.evn文件内是https协议，必须用宝塔申请部署免费SSL证书</u>温馨提醒：如果使用的是如 腾讯云 阿里云 华为云等服务器，需要前往安全组/防火墙 添加设置的服务器端口6688，其它服务器需要在宝塔面板 – 安全 – 添加端口规则至此，API就部署好了测试在浏览器输入：http://你的小鸡ip:6688/，出现以下界面说明成功：2、Docker部署安装及配置 Docker 将不在此处说明，请自行解决本地构建拉取源代码git clone https://github.com/imsyy/DailyHotApi.git构建cd DailyHotApi docker build -t dailyhot-api .运行docker run -p 6688:6688 -d dailyhot-api在线部署// 拉取 docker pull imsyy/dailyhot-api:1.0.5 // 运行 docker run -p 6688:6688 -d imsyy/dailyhot-api:1.0.5后续可以加上cf域名解析+nginx反代三、前端部署前端编译比较耗费内存，请使用至少有2G内存的小鸡或在本地编译1、源码部署clone项目git clone https://github.com/imsyy/DailyHot.git如果是在本地编译，要确保node版本>16.x.x，具体可以看编译时的提示信息修改.env文件将VITE_GLOBAL_API改为你的后端api的url，并修改备案号<u>Tips：如果后端根目录下的.evn文件内是https协议，必须申请部署免费SSL证书</u>编译打包项目cd DailyHot pnpm install pnpm build或者npm打包cd DailyHot npm install npm run build编译完成，没有报错的话，项目目录下会有一个dist目录Nginx部署在宝塔中新建站点，将dist目录下的文件全部复制到宝塔站点根目录中即可2、Docker部署拉取源代码git clone https://github.com/imsyy/DailyHot.git进入目录cd DailyHot编辑start.sh脚本vim start.sh要将API 地址及备案号作为环境变量传入打包好的静态资产并构建镜像需要写一个脚本，内容如下：#!/bin/ash # 替换 API 地址及备案号 find '/app' -name '*.js' -exec sed -i -e 's,http://localhost:6688,'"$API"',g' {} \; find '/app' -name '*.js' -exec sed -i -e 's,豫ICP备2022018134号-1,'"$ICP"',g' {} \; # # 启动 httpd 服务器 httpd -f -p 80 -h /app添加执行权限chmod +x start.sh编辑DockerfileFROM node:16-alpine WORKDIR /app COPY package.json . RUN npm install COPY . . RUN npm run build FROM busybox:1.35.0-uclibc WORKDIR /app COPY --from=0 /app/dist . COPY --from=0 /app/start.sh . ENV API="https://api-hot.imsyy.top" ENV ICP="豫ICP备2022018134号-1" CMD ["/app/start.sh"]构建镜像docker build -t dailyhot-web .运行docker run -d \ --name dailyhot-web \ -p 6677:80 \ -e API="https://hot-api.bbit.fun" \ -e ICP="没有备案捏" \ --restart always \ dailyhot-web修改刚刚搭建的api地址以及备案号，访问ip:6677即可看到热榜后续可以加上cf域名解析+nginx反代参考文档在宝塔面板上部署DailyHotApiDocker部署“dailyhot”部署一个自己的今日热榜（后端+前端）