云服务器 宝塔部署SpringBoot前后端分离项目

🦆博主介绍:小黄鸭技术

🌈擅长领域:Java、实用工具、运维

👀 系列专栏:📢开发工具 Java之路 八股文之路

📧如果文章写作时有错误的地方,请各位大佬指正,一起进步!!!

🧡欢迎大家点赞➕收藏⭐➕评论💬支持博主🤞

目录

前言

环境

部署

查看面板地址和用户名以及密码

环境搭建

目录创建

部署Java SpringBoot项目

部署前端VUE项目


前言

优势:宝塔面板更人性化,资源占用比WDCP好很多,站点访问速度较快,可以设置定时备份到云盘,操作设置简单,功能多。更新频率快,兼容性比较好,面板可一键迁移,设有监控功能,在计划任务中可以定时执行备份网站、备份数据库、释放内存、访问url等操作。

一些小型网站和项目可以采用宝塔来部署,部署起来相比传统模式的搭建环境来说比较快速和方便。

环境

开发系统:CentOS 7.9.2009 x86_64

架构模式:前后端分离

JDK版本:1.8

数据库版本:MySQL 5.6

服务器:腾讯云服务器宝塔面板

部署

因为本人购买的是腾讯云自带宝塔面板的轻量服务器,所以不需要自己安装服务器,如果想要在本地环境下安装,需要准备一个干净的环境,并参照宝塔官网的部署命令来安装。

查看面板地址和用户名以及密码

安装完成后在服务器上执行以下命令 sudo /etc/init.d/bt default

[lighthouse@VM-24-13-centos ~]$ sudo /etc/init.d/bt default ================================================================== BT-Panel default info! ================================================================== 外网面板地址: http://XX.XXX.XXX.XX:8888/tencentcloud 内网面板地址: http://XX.X.XX.XX:8888/tencentcloud *以下仅为初始默认账户密码,若无法登录请执行bt命令重置账户/密码登录 username: XXXXX password: XXXXX If you cannot access the panel, release the following panel port [8888] in the security group 若无法访问面板,请检查防火墙/安全组是否有放行面板[8888]端口 ==================================================================

复制外网面板地址打开输入以上的username和password进入宝塔面板内

环境搭建

在左侧面包屑中选择 软件商店->应用搜索 安装你所需要环境即可云服务器 宝塔部署SpringBoot前后端分离项目插图

本例安装:MySQL 5.6,Nginx 1.20.0,phpMyAdmin 4.0,Redis,以及Redis管理器,因为宝塔里的Redis无法可视化没有序列化,所以需要第三方插件来查看,我放在文末链接自取即可。

目录创建

创建Jar包和Vue项目的存放路径,文件->新建目录,选择你喜欢的路径下就好了。

云服务器 宝塔部署SpringBoot前后端分离项目插图1

部署Java SpringBoot项目

1.打开侧边栏选择 网站 -> Java项目

一开始可能没有JDK环境,如果是JDK版本1.8,直接选择安装tomcat会自动安装JDK1.8,如果需要自定义的话,点击JDK管理添加自己的JDK安装目录即可。

云服务器 宝塔部署SpringBoot前后端分离项目插图2

2.添加Java项目 需要先上传Jar包到服务器上,然后选择Jar包的位置。

云服务器 宝塔部署SpringBoot前后端分离项目插图3

项目Jar路径:上传的jar包位置,需要选择到Jar包而不是上级目录。

项目名称:根据需要定义即可,无特殊要求。

项目端口:需要和实际项目的启动端口一致。

项目JDK:如有多个JDK在服务器上,需要在下拉列表手动选择项目的JDK版本。

项目执行命令:端口号和Jar包会根据上面填写的自动生成,如果需要更改JVM配置或者指定配置文件启动,自行修改和添加即可。

项目用户:按需选择

开机启动:服务器宕机重启时自动启动该项目

3.一般项目如果配置好之后,点击保存会自动启动项目,启动后项目的端口号才会显示,如果有错,可以点击设置->项目日志查看错误日志。

云服务器 宝塔部署SpringBoot前后端分离项目插图4

部署前端VUE项目

1.本例中VUE项目已经是打包好的Dist包

上传文件到你之前创建的目录中,然后修改Nginx配置转发。

云服务器 宝塔部署SpringBoot前后端分离项目插图5

修改配置:添加以下配置,然后保存并重载配置即可。

一个前端项目

server { listen 80; server_name www.duck.com; index index.html index.htm index.php; root /www/wwwroot/duck/build/h5; location /duck { #配置代理转发 proxy_set_header Host $host; proxy_set_header X-forwarded-For $remote_addr; proxy_pass http://xx.xxx.xxx.xxx:xxxx/; } access_log /www/wwwlogs/access.log; }

多个前端项目

server { #监听80端口 listen 80; #输入自己的域名 没有话输入IP server_name www.duck.com; index index.html index.htm index.php; #指定转发路径到本地的Dist包中 location /duck { alias /www/wwwroot/duck-dist/build/h5; index index.html; } location /cat { alias /www/wwwroot/cat-dist/build/h5; index index.html; } access_log /www/wwwlogs/access.log; }

查看项目启动

输入120.0.0.1/duck/#/进入前端页面即可

宝塔Redis可视化插件地址:

🧡欢迎大家点赞➕收藏⭐➕评论💬支持博主🤞

原文链接:https://blog.csdn.net/weixin_40579395/article/details/127907270

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享