当前位置： 首页 > news >正文

Linux实战篇、第一章_02若依前后端部署之路(前端)

news 来源：原创 2025/6/8 10:46:22

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前端 2G192.168.174.5NGINX
java后端 2G192.168.174.6Tomcat9 jdk1.8
动态缓存 4G192.168.174.10Redis6.0.6
数据存储 4G192.168.174.10MySQL8.0.42
项目管理 2G192.168.174.100Maven jdk1.8 node-v22
Gitlab 4G(部署在前章)192.168.174.20gitlab-ce-17.9.7
jenkins 4G(部署在前章)192.168.174.30jenkins

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

在这里插入图片描述

3.4创建新项目

在这里插入图片描述

3.4.1添加私钥

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3.5进行构建

在这里插入图片描述

相关文章：

  • 谷歌Sign Gemma: AI手语翻译，沟通从此无界！
  • 快捷键的记录
  • python入门（2）
  • 使用 Laravel 中的自定义存根简化工作
  • 计算机组成原理-存储器的概述
  • 快速上手 Metabase：从安装到高级功能实战
  • 解决国产GD32下载的工程无法编译
  • 基于 GWAS 的群体遗传分析将 bZIP29 确定为玉米中的异种基因
  • SpringBoot 配置加载顺序？
  • Cursor学习-Java环境配置
  • 不等式是否满足约束并输出最大差 - 华为OD机试真题(JavaScript 题解)
  • 运维_集运维核心学习
  • MCP详解及协议的使用（python版本和Node版本）
  • AGV|无人叉车工业语音播报器|预警提示器LBE-LEX系列性能与接线说明
  • 《光子技术成像技术》第二章 预习2025.6.7
  • 低代码平台前端页面表格字段绑定与后端数据传输交互主要有哪些方式？华为云Astro在这方面有哪些方式？
  • 坚持每日Codeforces三题挑战：Day 4 - 题目详解（2025-06-07，难度：1000, 1100, 1400）
  • [AI绘画]sd学习记录(二)文生图参数进阶
  • 分享一道力扣
  • 实习学习项目
  • 怎么快速做网站/全网整合营销推广方案
  • 网站开发设计工程师工作前景/集合竞价口诀背熟6句
  • 网页设计网站建设过程报告/长沙企业关键词优化哪家好
  • 六日做兼职的网站/免费做网站怎么做网站链接
  • 舟山城乡建设培训中心网站/汕头网站建设方案维护
  • 网站建设套餐表/沈阳专业seo关键词优化