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

news2024/11/24 14:03:57

🦆博主介绍：小黄鸭技术

🌈擅长领域：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进入宝塔面板内

环境搭建

在左侧面包屑中选择软件商店->应用搜索安装你所需要环境即可

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

目录创建

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

部署Java SpringBoot项目

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

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

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

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

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

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

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

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

项目用户：按需选择

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

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

部署前端VUE项目

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

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

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

一个前端项目

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;
}