1 前言

最近想将自己之前做过的一些项目整理一下部署到服务器上，经过一点点的摸索终于实现了将前后端分离项目部署成功！
自己做的项目架构一般是后端使用SpringBoot前端使用Vue数据库是Mysql一般也会使用Redis进行缓存处理
在此记录一下从一个空白的服务器环境如何一步步将项目部署成功。

2 拉取宝塔面板

使用宝塔能够快速的安装项目所需的环境不需要去Linuk中一步步的敲命令行

宝塔地址：宝塔地址
复制Centos安装脚本到Xshell中执行

1
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Centos

安装完成以后会这里会显示宝塔后台地址和账号密码，可以手动复制到记事本暂时存起来。


宝塔面板
在浏览器中输入地址、用户名、密码即可查看宝塔面板。

3 安装所需环境

在宝塔左侧导航栏中的软件商店中可以挑选自己所需的环境

3.1 Tomcat

宝塔在安装tomcat的时候会一块安装java环境。
Tomcat
安装完成以后可以在Xshell中输入java -version命令查看环境是否安装成功

3.2 MySQL

本地使用的是MySQL5.7版本的
MySQL

3.3 Redis

安装最新版本即可
Redis

3.4 Nginx

安装最新版本即可
Nginx

4 配置安全组

  1. 进入安全组页面。
    • 登录ECS管理控制台。
    • 在左侧导航栏，选择网络与安全 > 安全组。
    • 在顶部菜单栏左上角处，选择地域。
  2. 找到目标安全组，在操作列中，单击配置规则。
  3. 开启一些常用的端口号
    • 22：SSH（安全登录）、SCP（文件传输）、端口号重定向
    • 3389：windows RDP远程登录
    • 3306：MySQL
    • 6379：Redis
    • 1521：Oracle数据库
    • 开启一个端口范围方便 项目使用
  4. 这些端口号同样需要在宝塔面板中开启
    Port

    5 导入数据库sql文件

  • 以 easybbs 为例，新建数据库，然后导入脚本
    sql1
    sql2
  • 点击导入从本地中将sql文件上传到服务器
    sql3
  • 点击右侧工具选项可查看数据中的表
    sql4
  • 修改root密码，我们配置就使用root账号，不使用这个easybbs账号
    sql5
    sql6

    5 部署SpringBoot项目

  • 修改SpringBoot的配置文件application.properties将其中的MySQL、Redis用户名密码都改为服务器上的Ip地址可以更换为服务器Ip也可继续使用localhost
    properties
  • 依次使用Maven命令中的clean与package将项目打包
    maven
  • 打包成功以后会在项目目录中出现target其中的jar文件就是我们所需要上传到服务器的
    package
  • 在宝塔面板的文件中创建一个文件夹放jar包
    jar
  • 在宝塔面板中打开终端输入nohup java -jar culture-api-0.0.1.jar即可在服务器中一直运行
    nohup

    到此为止已经将后端项目部署到服务器中啦！！

    6 部署Vue项目

  • 找到前端项目中请求后端接口的BaseUrl将其中的IP地址改为服务器Ip
    Ip
  • 在终端中输入npm run build将项目打包
    npm
  • 打包好的项目是在项目目录中的dist文件夹
    dist
  • 在服务器中创建一个文件夹将dist文件夹中的文件上传
    dist1
  • 在宝塔面板中创建一个站点
    site
  • 添加站点的详细设置
  • 域名：将服务器的Ip填入可以通过不同的端口号指定不同的站点
  • 根目录：填写dist文件夹中的文件存放在服务器中的那个文件夹
    site1

    大功告成！！已经将前端项目部署到服务器中啦！！
    我们只需通过指定的域名便可访问部署到服务器中的项目了！！