返回视频教程列表
应用部署 / 源码部署
源码部署
从零创建应用，准备 MySQL 和 Redis，再通过源码构建完成若依后端、前端部署和访问验证。
时长 05:00预计操作 10 分钟想通过源码构建部署 Java 后端和前端项目的用户
源码部署RuoYiJava前后端分离
点击封面后将在新窗口打开 Rainbond 官方 B 站视频。B 站打开
本教程共 9 个操作步骤
安装 MySQL 和 Redis
先在 Rainbond 中创建若依应用，并从应用市场安装 MySQL 和 Redis，把运行底座补齐。
- MySQL 用于保存若依业务数据和系统表。
- Redis 用于缓存、验证码和登录状态等功能。
- 安装完成后，等待两个组件进入运行中状态。
创建若依应用
获取 MySQL 连接信息
进入 MySQL 组件，打开端口并查看连接信息，用页面提供的地址、端口、账号和密码连接数据库。
- 在端口页面开启 MySQL 对外访问。
- 进入连接信息页面，复制访问地址、端口、root 账号和 root 密码。
- 使用数据库工具或终端先确认 MySQL 可以正常连接。
打开 MySQL 对外访问
创建 ry-vue 数据库并导入 SQL
连接 MySQL 后创建 ry-vue 数据库，并按顺序导入若依业务库和 Quartz 调度库 SQL。
- 新建数据库时填写 ry-vue。
- 字符集和排序规则在建库时一起选好，避免后续中文内容乱码。
- 先执行若依系统业务表和默认数据 SQL，再执行 Quartz 定时任务调度表 SQL。
创建 ry-vue 数据库
Fork 源码并修改连接配置
把若依项目 Fork 到自己的仓库，然后把后端里的 MySQL 和 Redis 配置改成环境变量形式。
- 修改 application-druid.yml，将 MySQL 数据源改成环境变量。
- 修改 application.yml，将 Redis host 和 port 改成环境变量。
- 后续连接依赖后，Rainbond 会自动把数据库和缓存连接信息注入给组件。
修改 MySQL 数据源配置
部署 ruoyi-admin 后端源码
回到 Rainbond 选择源码部署，填写仓库地址和分支，识别为 Java 多模块后选择 ruoyi-admin 开始构建。
- 代码地址和分支按实际 Fork 后的仓库分支填写。
- 语言识别为 Java 多模块后，构建模块选择 ruoyi-admin。
填写源码仓库
部署 ruoyi-ui 前端源码
后端构建过程中继续新增前端组件，源码目录填写 ruoyi-ui，识别为 Vue 项目后配置构建命令。
- 源码仓库继续使用 Fork 后的若依仓库。
- 子目录填写 ruoyi-ui，再填写代码分支。
- 识别为 Vue 项目后，构建命令填写 build:prod。
填写 ruoyi-ui 子目录
调整 admin 存储和端口
ruoyi-admin 构建完成后，补充日志存储目录，并把服务端口调整为若依后端实际使用的 8080。
- 给 ruoyi-admin 添加存储目录 logs，用来单独挂载运行日志。
- 删除默认 5000 端口前，先关闭该端口的对内和对外访问。
- 新增 8080 端口，并打开对内和对外访问。
添加 logs 存储目录
打开 UI 访问并连接依赖
进入 ruoyi-ui 组件打开对外端口，然后把 MySQL、Redis、admin 和 UI 的依赖关系连接好。
- ruoyi-ui 必须开启对外访问，否则无法从浏览器访问前端页面。
- 将 admin 连接到 MySQL 和 Redis，让连接信息自动注入后端。
- 将 UI 与 admin 建立依赖，确保前端请求可以访问后端服务。
打开 UI 对外访问
访问若依 UI 验证部署
等待 MySQL、Redis、admin 和 UI 全部变绿后，打开 ruoyi-ui 访问地址验证页面。
- 确认若依 UI 页面可以正常打开。
- 验证码、登录接口和后台菜单加载正常，说明部署成功。
- 如果页面打不开，优先检查前端端口、网关访问策略和后端 API 地址。
访问若依系统