首页
关于
Search
1
AdGuardHome 安装及部署教程
43,056 阅读
2
关于微软Azure学生白嫖指南
10,626 阅读
3
搭建基于telegram的无限网盘
10,496 阅读
4
Oracle开放全部端口并关闭防火墙
10,418 阅读
5
最新Cloudflare免费自选IP教程(非Partner)
9,709 阅读
默认分类
技术搬砖
教学设计
故事奇谈
生活琐事
错题分析
精品软件
登录
找到
1
篇与
Node可打包
相关的结果
2023-12-29
DailyHot今日热榜部署教程
DailyHot 今日热榜：聚合了多个平台的热搜，一页尽知天下事，推荐部署！项目均来自于imsyy大佬，后端项目：DailyHotApi，前端项目：DailyHot image-20231229102444696图片 img图片 一、准备工作 1、一台VPS，安装了基本环境，本教程以宝塔面板为例 2、如果打算前后端分离，需要准备两个二级域名，本教程后端域名：hot-api.bbit.fun，前端域名：hot.bbit.fun 二、后端API部署 1、源码部署 clone项目 cd /www/wwwroot git clone https://github.com/imsyy/DailyHotApi.gitTips：服务端口以及允许的域名可在根目录下的.evn文件内修改 image-20231229110249169图片 安装Node.js、npm、pnpm apt update -yapt install nodejs npm -ynpm install -g pnpm切换到项目路径、安装依赖 cd DailyHotApi pnpm install安装【PM2管理器5.5】 我们先到宝塔的软件管理，搜索pm2，安装【PM2管理器5.5】 image-20231229104849928图片 点击PM2管理器 5.5右边的设置，点击Node版本，我选择了v18.19.0，等待切换完成 image-20231229104948921图片 点击【模块管理】，在搜索框输入pnpm，点击【安装】 image-20231229105033790图片 前往 PM2管理器 —项目列表— 添加项目 启动文件：选择网站根目录的index.js，比如我的：/www/wwwroot/DailyHotApi/index.js,其他的默认不用管，点击提交 image-20231229105235724图片 最后前往项目列表— 为该项目映射添加域名 image-20231229105449329图片 image-20231229105824487图片 Tips：如果前端根目录下的.evn文件内是https协议，必须用宝塔申请部署免费SSL证书 温馨提醒：如果使用的是如 腾讯云 阿里云 华为云等服务器，需要前往安全组/防火墙 添加设置的服务器端口6688，其它服务器需要在宝塔面板 – 安全 – 添加端口规则 至此，API就部署好了 测试 在浏览器输入：http://你的小鸡ip:6688/，出现以下界面说明成功： image-20231229110536271图片 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，并修改备案号 image-20231229111714865图片 Tips：如果后端根目录下的.evn文件内是https协议，必须申请部署免费SSL证书 编译打包项目 cd DailyHot pnpm install pnpm build或者npm打包 cd DailyHot npm install npm run build编译完成，没有报错的话，项目目录下会有一个dist目录 image-20231229111831253图片 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编辑Dockerfile FROM 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反代 参考文档 在宝塔面板上部署DailyHotApi Docker部署“dailyhot” 部署一个自己的今日热榜（后端+前端）
教学设计
# DailyHot
# 今日热点
# Node可打包
admin
2年前
0
329
2
