网站首页 > 技术文章 正文
简介
信息爆炸的时代,哪能不来一个今日热榜呢,内含多个API接口,一榜在手,天下我有。
界面
后端部署
安装必要工具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
连接ssh,clone项目,并安装依赖
git clone https://github.com/imsyy/DailyHotApi.git
cd DailyHotApi
pnpm install
运行测试
pnpm start
打开IP:6688,看到如下页面就是正常部署了,如果打不开请检查是否开放了6688端口
但此时如果我们关闭ssh程序就不再运行,所以配置后台运行,先Ctrl+C结束运行,再运行如下代码创建一个myapp.service
sudo nano /etc/systemd/system/myapp.service
将下面的代码粘贴进去
[Unit]
Description=MyApp Service
After=network.target
[Service]
ExecStart=/usr/bin/pnpm start
WorkingDirectory=/PATH/DailyHotApi
Restart=always
User=root
Environment=PATH=/usr/bin:/usr/local/bin
Environment=NODE_ENV=production
[Install]
WantedBy=multi-user.target
如果pnpm位置不一样,可以输入which pnpm获取位置,并修改上面ExecStart和Environment路径,WorkingDirectory填写clone的DailyHotApi文件夹路径。
按下Ctrl+X,Y保存文件。
运行下面命令完成部署
sudo systemctl daemon-reload
sudo systemctl enable myapp.service
sudo systemctl start myapp.service
完事,新建一个网站,绑定域名并申请ssl,然后反代本机:6688端口。后端api就成了咱绑定的域名。
此时后端部署完成。
部署前端
前端就非常简单了,我们直接使用vercel,先fork前端代码,并修改api接口为自己的api域名,完事登录vercel,添加一个项目,导入我们fork的前端代码,点击部署,完事绑定自己的前端域名即可。
来自我的博客:今日热榜源码(后端+前端)附保姆级部署教程-IT宝哥
猜你喜欢
- 2025-07-08 css实现的卡片式渐变色卡html页面前端源码
- 2025-07-08 css实现的图片悬停旋转弹出文本框html页面前端源码
- 2025-07-08 宝塔搭建实战人才求职管理系统member用户前端vue源码(四)
- 2025-07-08 Netty「源码解析」之 ByteToMessageDecoder
- 2025-07-08 宝塔搭建实战人才求职管理系统admin前端vue源码(二)
- 2024-10-11 JavaScript实现的转盘抽奖html页面前端源码
- 2024-10-11 前端录屏 + 定位源码,帮你快速定位线上 bug
- 2024-10-11 css+JavaScript实现的二级导航菜单html页面前端源码
- 2024-10-11 交互问卷表单设计html页面前端源码
- 2024-10-11 web前端实战项目(免费送源码+视频)
你 发表评论:
欢迎- 最近发表
-
- Druid 1.2.4 版本发布,增强对 JDK 8 的支持
- Python设计模式 第 1 章 Python 设计模式概述
- RAD Studio 、Delphi或C++Builder设计代码编译上线缩短开发时间
- Hive如何比较两张表所有字段的一致性
- Java 中 java.util.Date 与 java.sql.Date 有什么区别?
- 主流CDC工具_cd软件是做什么的
- 19.提取HFM数据进数据库_怎么提取数据库的信息
- 将Spring Boot应用部署到 Azure_springboot部署到windows
- 这样优化Spring Boot,启动速度快到飞起
- 什么是便携式应用程序,为什么它很重要?
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)