云服务器部署前后端分离项目（若依）详细教程

手机游戏开发者 · 2024-10-3 22:37:17

镜像下载、域名剖析、时间同步请点击阿里云开源镜像站
第一次在Linux云服务器上部署前后端分离项目，查了许多资料和视频，踩了许多坑。乐成实现部署若依的前后端分离项目后，想记录一下前后端部署的过程，供学习的小同伴参考。
1.情况准备

肯定要在开始前先准备好以下工具和情况（可以上网查找安装的方法），后续还会对其举行修改：

购买一个云服务器，比方阿里云等等，操纵体系为Linux centos7.x
在云服务器上安装Nodejs（之前的博客有安装方法）
在云服务器上安装Nginx
在云服务器上安装jdk1.8+（保举1.8）
在云服务器上安装mysqk5.7+（保举5.7）
在云服务器上安装redis
远程毗连工具xshell或者finalshell

2.下载前后端项目

若依前后端项目所在：https://gitee.com/y_project/RuoYi
若依前后端项目利用手册所在：
http://doc.ruoyi.vip/ruoyi/
进入网址将项目下载或者git clone到当地并解压:
在这个项目中，ruoyi-ui文件夹是前端项目，别的为后端项目，我们接下来必要分开打包部署。

3.远程毗连服务器

通过xshell或者FinalShell远程毗连服务器，毗连指令：
ssh user@ipuser为服务器的用户名，一样平常为root，ip是服务器的ip
,默认端标语为22，比方：
ssh root@172.12.134.12假如毗连失败大概是服务器没有开启远程毗连答应或者端口等等，可以搜寻干系方法办理。
4.前端部署

（1）起首将项目中ruoyi-ui这个文件夹上传至服务器，可以用FinalShell的文件管理功能，也可以用服务器管理的上传文件功能，比方宝塔界面里的文件管理：
可以专门建一个目录存储它们，比方在根目录下创建了一个project文件夹
cd /mkdir project（2）依次输入如下下令，进入ruoyi-ui文件夹，并对前端代码举行打包,天生一个dist文件夹，这就是前端代码打包后的文件：
cd ruoyi-uinpm install --unsafe-perm --registry=https://registry.npm.taobao.orgnpm run build:prod

（3）修改nginx的设置文件（也就是nginx.conf），使其前端项目可以或许被访问，一样平常nginx会被安装在/usr/local目录下，因此设置文件路径为/usr/local/nginx/conf/nginx.conf 。假如忘记nginx安装在那里了，可以用如下下令找到它：
find / -name 'nginx.conf'用vim编辑器打开nginx.conf，修改设置。修改的几个地方，最好图中的信息都一样，赤色框框圈出来的是容易忽略的地方如下：
1、修改为root用户
2、修改监听listen的端标语为9000，这个端标语取决于自己想从几号端口访问前端页面，后续也别忘了在防火墙中开启这个端口，否则无法访问；server_name为你的服务器ip，假如你有域名且设置剖析好了，也可以再在此添域名

3、找到这些内容并将root 后跟的路径修改为刚才前端代码打包的dist文件夹的路径，生存退却出。假如仍不清晰改那里，可以翻倒博客最反面的部分，有两张nginx.conf的整体表示图。
4、由于上述前端利用的是9000端口（也可以换为你自己想要的端口，比方80端口），因此要在防火墙中也打开这个端口，外界才可以访问。于此同时，后端也必要一个8080端口，因此也要将其打开，后续部署后端服务要用到。留意偶尔候大概你想用的端口已经被其他历程占用，可以实验找到该历程并将其kill掉或者重新开另一个端标语，详细方法不在此赘述，可上网查询。
firewall-cmd --zone=public --add-port=9000/tcp --permanentfirewall-cmd --zone=public --add-port=8080/tcp --permanent我用的是阿里云的轻量应用型服务器，因此还必要查抄以下宝塔界面的“安全”内里是否开启该端口，以及阿里云服务器工作台里的“安全”->“防火墙”中的端口，假如没有开启，则必要在这里手动开启。别的阿里云的ECS云服务器必要为该端标语添加安全组规则。

5、端口设置好了后，每次修改了nginx的设置文件后肯定要重新启动nginx，使新设置见效。假如重启失败，则先找到nginx的历程，然后将其kill掉，再重启nginx：
假如已经将nginx设置到全局的情况变量中，就可以直接运行这个下令重启nginxnginx -s reload假如没有将其设置到全局的情况变量中，则必要进入安装的nginx/sbin/目录中，用如下下令：./nginx -s reload检察历程号: ps -ef|grep nginx杀死历程：kill -term xxxx/ kill -int xxxx6、欣赏器输入“ip:9000“，比方：198.172.1.1:9000，假如出现出现如下画面，则表现前端启动乐成。否则则必要细致查抄两个地方，一个是nginx的设置信息，一个是端口是否真的被完全打开：

5.后端准备

（1）设置服务器上的mysql数据库，使mysql数据库可以被远程访问。详细教程可以看https://blog.csdn.net/VariatioZbw/article/details/105823337
开启后可以在服务器上远程毗连一下看是否乐成：
mysql -h 198.172.1.1 -P 3306 -u root -p123h表现host，服务器ip所在P表现端标语，一样平常mysql端标语为3306u表现用户名，发起设为root用户p表现密码，123为root这个用户的密码，p反面要紧跟密码，不要空格（2）redis数据库也要设置好，比方它的端口要被打开，设置密码，详细方法可以参考网上的方法。
（3）进入mysql数据库，建一个名为ry-vue的数据库
数据库名称中有‘-’符号，必要用反引号`,是键盘上tab键上面一个键的符号create database `ry-vue`;

将之前下载好的项目文件夹中的sql文件夹里的两个数据表上传到服务器中，我们可以继续将这两个文件放在之前在服务器根目录下创建好的project目录内里

然后登录进入mysql数据库，利用刚才创建ry-vue数据库，导入两个数据表进入ry-vue数据库中：
use ry-vue;source /project/quartz.sql;source /project/ry_20210908.sql;(4) 修改项目中ruoyi-admin中的三个文件，如下：

在application.yml中，修改redis的信息，分别为host所在（你的服务器ip），port端标语（你的redis开放的端标语，一样平常为6379），password密码（你的redis的密码）。
在application-druid.yml中，修改mysql的信息，url的中心填写访问mysql的 ip:端标语，比方：198.172.1.1:3306；username填你的mysql用户名；password填你的mysql密码。
在logback.xml中，找到日记存放路径，value修改为你存放日记的目录，可以在之前创建的project文件夹中建一个logs文件夹，则填为value=”/project/logs“

自此，该修改的已经修改完了。
（5）实验运行后端项目
可以通过InteliJ IDEA或者eclipse软件来运行这个java后端项目，条件是你运行的本机上应该也具备肯定的情况，jdk>=1.8，以及当地8080端口（用于后端）已开启且未被占用。其他的比方mysql，redis可以直接通过服务器ip+端标语远程访问，不必要在本机上设置。
出现如下表现启动乐成，可以开始打包后端代码。假如未乐成也不消灰心，查抄报错，是否关于mysql，redis的（假如是，则大概是这两个没有在你的服务器上设置好或者刚才修改的信息堕落了，比方账号，密码不对，或者远程毗连未乐成，导致本机无法远程访问等等），假如是关于8080端口，大概是由于你本机有步伐以及占用了8080端口，这个根本上就不是什么标题，部署到服务器后只要服务器8080端口可用就行。接下来可以直接打包代码。
（6）打包后端代码jar包
纯熟利用java的人可以直接通过InteliJ IDEA或者eclipse软件打jar包。不熟悉的有第二种方法，是若依提供的。进入下载的项目文件夹中的bin目录下，直接双击实行package.bat，它会直接在项目中天生target文件夹，内里包含以及打包好的jar包。我们要利用的是ruoyi-admin文件夹下的target里的jar包。运行package.bat必要marven情况>=3.0，自行参考网上方法按照。如下图操纵序次：

将这个ruoyi-admin.jar包上传至服务器，可继续存于刚才建的project目录中。
6.后端部署

（1）再此修改nginx设置文件（nginx.conf），添加后端信息。proxy_pass中空余的部分填服务器ip所在，别忘了上面是location /prod-api/。修改后别忘了重启nginx服务，用上面刚才提到的下令。
修改未prod-api是由于前端发送哀求的时候就是通过这个接口来发送的

nginx设置文件nginx.conf的整体表示图（包罗前端和后端设置修改的全部地方）：

（2）远程毗连服务器，进入project目录，背景启动jar包：
nohup java -jar ruoyi-admin.jar &7.乐成部署结果

用欣赏器访问”ip:前端端标语“：
输入验证码登录后乐成进入背景：
本文转自：https://blog.csdn.net/weixin_44248258/article/details/124213606

云服务器部署前后端分离项目（若依）详细教程

所属分类: 问答交流

新帖推荐: 30日

推荐作品