使用云服务器通过宝塔面板部署经典若依(前后端分离)项目

1.购买云服务器(这里通过阿里云服务器试用三个月)

1.1注册登录

阿里云官网：阿里https://www.aliyun.com/

1.2 购买服务器（免费试用三个月）

进入阿里云首页（注册登录就不说了），点击免费试用（这里免费试用ecs服务器的不可以用于后面的备案，所以也不用花钱买域名，如果不是免费试用的可买域名）

点击个人认证的云服务器ecs,付费类型选择按量付费，因为这个免费试用是每个月限制两百元，地域选择距离自己近的，cpu选择两核2G一般够用，具体按需求购买，(免费试用的好像是固定的e列，够用，不过后续也可以删除实例，选择一个更高规格的，以每个月免费送两百元为例，再重新创建实例时   用cpu配置费用 x 24 x 31的结果要在200元以内，在此范围内选择最高配置)

下图可忽略

    镜像选择Centos 7.6  64位，分配公网IPv4地址  登录凭证选择自定义密码

1.3 使用Xshell（其他软件也可以）连接服务器

进入Xshell官网 下载，进入阿里云服务器工作台，点击云服务器ecs，复制自己的公网ip

打开Xshell,  文件 -->新建，依次填入

在Xshell控制台出现如下即为连接成功

1.4 使用宝塔面板控制系统

进入宝塔官网，选择下载安装-->安装脚本，选择Centos安装脚本进行复制，最新安装脚本宝塔最新脚本https://www.bt.cn/new/download.html

在Xshell控制台粘贴脚本命令，直至出现

Do you want to install Bt-Panel to the /www directory now?(y/n):

选择y ,等待直至出现面板账户登录信息，注意查看让你放行端口号，进入阿里云服务器安全组放行端口，然后复制外网面板地址进入浏览器打开

   

出现如下，是浏览器觉得不安全，因为你没有备案，点击高级，接收风险并继续

进入如下页面，将Xshell控制台给的账号，密码填入，进入宝塔面板

2.配置宝塔面板

2.1 进入软件商店安装如下

2.2进入若依官网下载，若依前后端分离项目

前后端分离项目https://gitee.com/y_project/RuoYi-Vue

2.3配置数据库

打开项目，找到配置文件，打开宝塔面板，数据库--》添加数据库（根据配置文件填入信息）

然后导入sql文件

2.4 开放端口

同时在阿里云服务器安全组和宝塔面板安全中开放80，6379(Redis),3306(mysql),8080端口

2.5 配置Redis

需要将bind改为0.0.0.0，其他配置信息在若依项目application.yml文件redis中查找填入

2.6 Nginx配置

进行配置修改

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen 80;

        server_name  localhost;
		charset utf-8;
		# 前端配置	
		location / {
		    #前端项目的路径
            root   /www/server/nginx/html/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		# 后端配置
		location /prod-api/ {
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			# 代理后端接口
			proxy_pass http://localhost:8080/;

		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

3.前端部署

3.1 修改文件.env.production

需要修改为VUE_APP_BASE_API= 'http://公网ip:8080'

3.2前端项目打包

用idea打开项目,终端使用

cd ruoyi-ui

命名进入到ruoyi-ui文件夹下 ，依次使用如下命令，使用电脑文件夹打开ruoyi-ui文件夹出现dist文件即为打包成功

npm install --registry=https://registry.npmmirror.com
npm run build:prod

3.3 前端文件上传

进入 /www/server/nginx/html 文件目录下上传dist文件（注意必须是这个路径，前面Nginx配置文件中已经为路径做了指定）此时访问http://公网ip,出现页面即为前端部署成功

4 后端部署

4.1后端文件打包

打开idea中的maven，先刷新，再clean,再package,出现target文件

4.2 后端文件上传部署

在wwwroot文件目录下新建ruoyi文件夹，在ruoyi文件夹中上传打包的ruoyi-admin.jar文件，

在ruoyi文件夹打开终端，输入

nohup java -jar ruoyi-admin.jar

输入上述命令后会出现nohup.out文件，点开nohup.out文件，出现如下即为成功

出现验证码，不再包端口错误即为成功

完结，希望你能狠狠的赚一笔

附上

查看端口(8080)：lsof -i:8080

杀死进程：kill -s 9 +进程号