Linux实战篇、第一章_02若依前后端部署之路(前端)
Linux_实战篇
欢迎来到Linux的世界,看笔记好好学多敲多打,每个人都是大神!
题目:若依前后端动静分离(前端)
版本号: 1.0,0
作者: @老王要学习
日期: 2025.05.21
适用环境: Rocky9.5
文档说明
本文聚焦若依前后端动静分离(前端)部署,适用于 Rocky9.5 环境。详细介绍了硬件、软件要求,涵盖服务器准备、服务启动等环境搭建步骤。还包括 gitlab 创建项目、jenkins 构建流程,如安装插件、配置环境变量等,为若依前端部署提供全面指导
环境准备
硬件要求
- 服务器: 2核CPU、2GB内存,20GB硬盘空间
- 网络: 确保服务器具有固定的IP地址,并且防火墙允许FTP端口(默认22端口)的通信
软件要求
- 操作系统:Centos7+Rocky9.5
- FTP软件:SecureCRT
- 软件包1:apache-maven-3.8.8
- 软件包2:apache-tomcat-9.0.105
- 软件包3:jdk-8u131-linux-x64
- 软件包4:mysql-8.0.42-linux-glibc2.17-x86_64-minimal
- 软件包5:nginx-1.28.0
- 软件包6:node-v22.15.1-linux-x64
- 软件包7:redis-6.0.6
零、环境准备
0.1服务器准备(内存不够可自定义调节)
服务器环境 | IP地址 | 软件部署 |
---|---|---|
web前端 2G | 192.168.174.5 | NGINX |
java后端 2G | 192.168.174.6 | Tomcat9 jdk1.8 |
动态缓存 4G | 192.168.174.10 | Redis6.0.6 |
数据存储 4G | 192.168.174.10 | MySQL8.0.42 |
项目管理 2G | 192.168.174.100 | Maven jdk1.8 node-v22 |
Gitlab 4G(部署在前章) | 192.168.174.20 | gitlab-ce-17.9.7 |
jenkins 4G(部署在前章) | 192.168.174.30 | jenkins |
0.2启动服务
# nginx(174.5)
systemctl start nginx# tomcat(174.6)
systemctl start tomcat# redis+mysql(174.10)
systemctl start redis
systemctl start mysql# gitlab(174.20)
gitlab-ctl start# jenkins(174.30)
catalina.sh start
一、gitlab创建新项目(ruoyi-ui)
1.1gitlab创建新项目(ruoyi-ui)
1.2下载若依包
https://gitee.com/y_project/RuoYi-Vue/archive/refs/tags/v3.8.9.zip
# 解压文件
1.3Visual Studio Code打开文件
1.4第一次使用我们需要搭建git
# 下载window版本git(下载完自定义安装;不知道的安装的时候默认下一步即可)
https://github.com/git-for-windows/git/releases/download/v2.49.0.windows.1/Git-2.49.0-64-bit.exe
# 安装完鼠标右键显示如下
1.4.1配置git安装地址
1.4.2也就是window安装git的地址
1.4.2.1打来bash命令查看
输入如下命令:查看安装地址
1.4.2.1文件所在文件夹查看
1.4.3重载git配置成功
完成效果如下:
1.5初始化仓库
1.6登录Gitlab
# 远程代码仓库建立关联
git remote add origin git@192.168.174.20:dev/ruoyi-ui.git
git add .
git commit -m "Initial commit"
ssh-keygen -t rsa
# 查看密钥写入gitlab中
type $env:USERPROFILE\.ssh\id_rsa.pub# 上传完成
git push --set-upstream origin main
1.7上传完成
三、jenkins进行构建
3.1安装插件(nodejs)
3.2jenkins服务器也要安装
# 进入maven100拷贝文件到jenkins
cd /usr/local/src
scp node-v22.15.1-linux-x64.tar.xz 192.168.174.30:/usr/local/src# 解压并修改目录
tar xf node-v22.15.1-linux-x64.tar.xz
mv node-v22.15.1-linux-x64 /usr/local/nodejs# 添加环境变量
sed -i 's|export PATH=\$JAVA_HOME/bin:\$CATALINA_HOME/bin:\$PATH|export MAVEN_HOME=/usr/local/maven|' /etc/profileecho "export NODEJS_HOME=/usr/local/nodejs" >> /etc/profileecho "export PATH=\$JAVA_HOME/bin:\$CATALINA_HOME/bin:/$MAVEN_HOME/bin:\$NODEJS_HOME/bin:\$PATH" >> /etc/profilesource /etc/profile# 查看Node.js版本
node -v
v22.15.1# 查看npm版本
npm -v
10.9.2# 将 npm 的包注册表(registry)切换到了 npmmirror(淘宝镜像)
npm config set registry https://registry.npmmirror.com# 查看修改完成
npm config get registry
https://registry.npmmirror.com
3.3安装完成进行全局配置
3.3.1新增nodejs
# 查看版本进行命名node -v
v22.15.1