logo NodeSeekbeta

部署一个自己的今日热榜(后端+前端)

部署一个自己的今日热榜(后端+前端)

项目均来自于imsyy大佬,后端项目:DailyHotApi,前端项目:DailyHot

聚合了多个平台的热搜,一页尽知天下事,推荐部署!

后端部署

ssh连接你的vps小鸡,我用的是CloudCone 1C1G的配置,如果你懒得部署后端,可以直接使用我的后端:https://hot-api.bbit.fun

clone项目:

git clone https://github.com/imsyy/DailyHotApi.git

安装Node.js、npm、pnpm

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt update -y
sudo apt install nodejs npm -y
npm install -g pnpm

切换到项目路径、安装依赖

cd DailyHotApi
pnpm install

运行

pnpm start

测试

在浏览器输入:http://你的小鸡ip:6688/all,出现如下一大堆数据说明成功:

设置后台运行

先Ctrl+C结束运行

nohup node index.js &

后端部署到此为止,后续可以加上cf域名解析+nginx反代

前端部署

前端编译比较耗费内存,请使用至少有2G内存的小鸡或在本地编译

clone项目

git clone https://github.com/imsyy/DailyHot.git

如果是在本地编译,要确保node版本>16.x.x,具体可以看编译时的提示信息

修改.env文件

将VITE_GLOBAL_API改为你的后端api的url,并修改备案号

编译项目

npm install
npm run build

编译完成,没有报错的话,项目目录下会有一个dist目录,

Nginx部署

在宝塔中新建站点,将dist目录下的文件全部复制到宝塔站点目录中即可,不想用宝塔也可以研究下nginx配置,本人技艺不精,没有配置成功。

另请大佬打包成Docker镜像,方便mjj部署。如果你有更好的部署方法,欢迎分享。

至此,部署成功。

12345
  • 不错不错

  • 不错嘛,先收藏

  • 咋说呢 和我签名有那么一点像

  • @panda #3 是同一类项目 xhj001

  • 国内这些媒体不合mjj口味

  • 收藏 了,以后可以折腾一下

  • 前端很简约不错的项目

  • 这种我还是喜欢用RSS

  • 标记一下

  • 标记下。

12345

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有15749位seeker

🎉欢迎新用户🎉