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

news/2024/11/17 16:48:25/

前端

前端项目地址: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;}}
}

宝塔部署

后续更新

一键部署

后续更新


http://www.ppmy.cn/news/1547758.html

相关文章

git 同步上游仓库到远端仓库

首先知道什么是本地仓库,远端仓库,上游仓库 本地仓库:你从远端仓库克隆到本地 PC 上的仓库 远端仓库:从上游仓库 fork 过来的仓库,可以理解为自己的仓库 上游仓库:公司的仓库,所有权不在于你 当…

adb 如何通过wifi连接手机

1. 电脑通过USB线连接手机 1.1手机开启开发者模式 以小米手机为例:连续点击OS版本系统(设置–>我的设备–>全部参数) 1.2在开发者模式下,启动允许USB安装与USB调试 操作步骤:设置>更多设置>开发者选项&g…

鸿蒙实战:页面跳转

文章目录 1. 实战概述2. 实现步骤2.1 创建项目2.2 准备图片素材2.3 编写首页代码2.4 创建第二个页面 3. 测试效果4. 实战总结 1. 实战概述 实战概述:本实战通过ArkUI框架,在鸿蒙系统上开发了一个简单的两页面应用。首页显示问候语和“下一页”按钮&…

简易的学生信息管理系统制作——C语言实现

菜单代码 #include "head.h" int main(int argc, const char *argv[]) {int ch,k;//登录注册while(1){printf("\t1、注册\n");printf("\t2、登录\n");printf("\t0、退出\n");printf("请输入你的选择:");scanf(&…

npm、yarn、pnpm 切换查看镜像源笔记

默认的官方镜像:https://registry.npmjs.org,切换国内淘宝镜像,访问下载更快。 一、npm设置 npm config set registry https://registry.npmmirror.com/2、查看源 npm config get registry3、切回官方镜像 npm config set registry https:…

基于 CentOS7.6 的 Docker 下载常用的容器(MySQLRedisMongoDB),解决拉取容器镜像失败问题

安装MySQL&Redis&MongoDB mysql选择是8版本,redis是选择4版本、mongoDB选择最新版,也可以根据自己的需要进行下载对应的版本,无非就是容器名:版本号 这样去拉去相关的容器镜像。如果你还不会在服务器中安装 docker,可以查…

信息安全工程师(83)Windows操作系统安全分析与防护

一、Windows操作系统安全分析 系统漏洞: Windows操作系统由于其复杂性和广泛使用,可能存在一些已知或未知的漏洞。这些漏洞可能会被黑客利用,进行恶意攻击。微软会定期发布系统更新和补丁,以修复这些漏洞,提高系统的安…

【实用教程】使用思维导图增强 JavaScript甘特图项目工作流程的可见性

DHTMLX Gantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。DHTMLX Diagram库允许用几行代码构建JavaScript流程图,通过自动布局和实时编辑器,它可以更容易地将复杂数据可…