ThriveX 博客管理系统前后端项目部署教程

前端

前端项目地址：https://github.com/LiuYuYang01/ThriveX-Blog

控制端项目地址：https://github.com/LiuYuYang01/ThriveX-Admin

Vercel

首先以 Vercel 进行部署，两种方式部署都是一样的，我们以前端项目进行演示

首先我们先注册一个 vercel 的账号：https://vercel.com/

然后进入主题，大概流程如下：
1、点击按钮导入项目
2、粘贴对应的项目地址
3、自定义仓库名称
4、等待自动构建
5、绑定自定义域名
在这里插入图片描述

当出现如下界面时表示项目部署完成
在这里插入图片描述

接着我们点击 Add Domain 按钮进行自定义域名
在这里插入图片描述
注意： Vercel 部署采用的是国外服务器，因此项目必须科学上网才能够访问。但我们可以配置国内 cdn 解决

在这里插入图片描述

Docker 部署

后续更新

后端

后端环境：jdk1.8 数据库：mysql8.0

Docker + Nginx

后端项目地址：https://github.com/LiuYuYang01/ThriveX-Server

拉取代码，本地 IDEA 打开
然后将项目根目录的数据库文件：ThriveX.sql 导入到服务器中的数据库

找到 blog 中的 application.yml 将环境改成 pro
在这里插入图片描述
下一步： 配置数据库地址和相关信息、打包

下一步：
1、随便创建一个目录，这些目录位置可以随意，放哪都行
2、进入到这个目录
3、将后端根目录中的 Dockerfile 和刚刚打包的 jar 包一并上传到服务器的这个目录
4、将 jar 包改名为： thrive.jar
5、运行命令： docker-compose -p thrive up -d --build
6、如果报错则运行：docker compose -p thrive up -d --build
在这里插入图片描述

如果你用的是宝塔，那么通过如下操作配置反向代理绑定域名在这里插入图片描述

如果你没有用宝塔那么可以修改 nginx 配置实现反向代理

events {}

http {
    server {
        listen 80;
        server_name api.xxxx.com; # 绑定域名

        location / {
            proxy_pass http://localhost:9003; # 反向代理
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }
    }
}