宝塔面板部署前后端分离项目(若依)到linux云服务器 【详细教程保姆级】

羽落啊 2024-10-01 11:37:01 阅读 66

开篇

提到Linux上部署项目,很多人都觉得头痛,redis、mysql、nginx、tomcat、node等都需要一行行的命令来完成。即便使用相 对简单的Docker命令,对一些新手来说也有一定上手难度,最起码需要掌握基本的Docker命令,况且后面还需要配置环境变量。第一次在Linux云服务器上部署前后端分离项目,查了很多资料,踩了许多坑。成功实现部署若依的前后端分离项目后,想记录一下前后端部署的过程,供学习的小伙伴参考。

一:申请云服务器

腾讯云

在这里插入图片描述

点击上面腾讯云直接进入腾讯云,如果有账号就直接登录,没有的话就注册一个新账户注册好之后对账号进行实名,实名成功后,可以购买所需的服务器也可以申请试用服务器.首页-免费试用-申请云服务器,服务器操作系统 CentOS点击右上角控制台 查看服务器的IP地址,账号密码

阿里云

点击上面阿里云直接进入阿里云,如果有账号就直接登录,没有的话就注册一个新账户注册好之后对账号进行实名,实名成功后,可以购买所需的服务器也可以申请试用服务器.首页-最下面-免费试用-申请云服务器,服务器操作系统 CentOS点击右上角控制台查看服务器的IP地址,账号密码

华为云

在这里插入图片描述

点击上面华为云直接进入华为云,如果有账号就直接登录,没有的话就注册一个新账户注册好之后对账号进行实名,实名成功后,可以购买所需的服务器也可以申请试用服务器.首页-免费体验中心-申请云服务器,服务器操作系统 CentOS点击右上角控制台查看服务器的IP地址,账号密码

二:连接云服务器

1.以xshell为例,点击新建,输入主机,服务器的IP地址,点击确定

在这里插入图片描述

2.输入用户名,记住用户名

在这里插入图片描述

3.输入密码,并且记住密码

4.登录成功

在这里插入图片描述

三:下载宝塔面板

1.浏览器搜索宝塔面板

2.点击安装

3.选择linux面板

在这里插入图片描述

4.复制命令

5.复制命令输入,安装即可

在这里插入图片描述

6.这里输入y,等待安装

在这里插入图片描述

7.安装成功之后会显示宝塔面板的IP 用户名密码

在这里插入图片描述

8.浏览器输入外网面板地址输入用户名密码

在这里插入图片描述

9.没有宝塔账户的可以注册宝塔账户关联

在这里插入图片描述

10.登录成功之后

在这里插入图片描述

四:环境配置

1.这里可以不用一键安装,单独安装,关闭即可

在这里插入图片描述

2.点击软件商店

在这里插入图片描述

3.安装所需要的软件

在这里插入图片描述

4.安装nginx,测试学习选择极速安装,生产环境正式项目选择编译安装

在这里插入图片描述

5.安装redis

在这里插入图片描述

6.安装mysql

在这里插入图片描述

7.安装完成之后,设置里面可以重启,

在这里插入图片描述

8.redis设置里面可以配置密码,可以不用配置,如果配置密码之后代码里面需要修改对应密码

在这里插入图片描述

8.点击安全

在这里插入图片描述

9.放行3306端口,(这里注意,不同云服务器需要登录账号在安全组里面放行端口)

在这里插入图片描述

10.点击数据库,root密码,复制出来

在这里插入图片描述

11.使用宝塔里面的终端工具连接服务器

在这里插入图片描述

12.连上服务器后,执行下面步骤即可

<code>#root用户进入数据库 输入上面复制的root密码

mysql -u root -p

#使用mysql

use mysql

#更新root用户权限,“%”是所有地址都可以访问

update user set Host='%' where User='root';code>

#刷新权限即可

flush privileges;

13.输入用户名密码

在这里插入图片描述

14.使用mysql

在这里插入图片描述

15.更新root用户权限,“%”指的是所有地址都可以访问

在这里插入图片描述

16.刷新权限即可

在这里插入图片描述

17.连接数据库,主机输入IP,输入密码连接即可

在这里插入图片描述

四:项目配置

1.下载若依项目到本地

在这里插入图片描述

2.下载之后可以看到前后端都在一起,可以分离开

在这里插入图片描述

3.把ruoyi-ui剪切出来和若依同级

在这里插入图片描述

4.新建导入sql文件到数据库

在这里插入图片描述

5.运行sql文件(两个文件都要导入运行)

在这里插入图片描述

6.完成全部文件导入

在这里插入图片描述

7.修改项目数据库,用户名密码

在这里插入图片描述

8.宝塔里面如果配置了redis密码,这里修改密码,没有配置不用处理

在这里插入图片描述

9.打包项目,先clean,再package

在这里插入图片描述

10.修改前端请求api地址,这里修改成服务器IP

在这里插入图片描述

11.打包前端代码

在这里插入图片描述

四:宝塔部署

1.点击文件,新建目录

在这里插入图片描述

2.新建目录,进入project目录里面

在这里插入图片描述

3.上传jar,文件

在这里插入图片描述

4.上传dist文件

在这里插入图片描述

5.上传完成之后

在这里插入图片描述

6.点击网站-Java项目,添加Java项目

在这里插入图片描述

7.安装对应版本的jdk,项目是1.8

在这里插入图片描述

8.选择上传的jar,确定

在这里插入图片描述

9.如果点击确定出现了警告,可以点击数据库导入到面板,确定数据库密码和代码里面的密码是否一致

在这里插入图片描述

10.启动之后可以查看jar是否成功启动

在这里插入图片描述

11.成功启动

在这里插入图片描述

12.配置nginx

在这里插入图片描述

<code>server {

# 前端项目要部署到什么端口

listen 80;

#localhost改成请求的IP

server_name localhost;

location / {

# 告诉nginx,前端打包好的文件在哪里

root html/sssFront;

# index配置首页文件

index index.html index.htm;

}

#这里解决跨域问题,后端地址及端口号,这里的api会存在改动,根据项目配置

location /api/ {

# ip和端口 根据后端服务器来确定,因为我的后端服务也是部署在这台服务器中,所以可以写127.0.0.1

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://127.0.0.1:8080/;

}

}

13.改成root,配置完成之后,点击保存

在这里插入图片描述

可以按照我的模板修改,具体的还需要根据项目配置进行修改

14.保存之后,重启nginx

在这里插入图片描述

15.放行8080端口,这里是后端配置的端口号,根据项目修改

在这里插入图片描述

五:项目访问

浏览器访问ip加端口号

在这里插入图片描述

到这里已经成功更新部署成功,可以按照模板进行配置,具体的还需要根据项目里面的配置进行修改,有什么不明白的也评论区讨论



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。