ruoyi-vue-pro 开发指南 ruoyi-vue-pro 开发指南
  • 萌新必读
  • 后端手册
  • 中间件手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 会员手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • MES 手册
  • WMS 手册
  • HRM 手册
  • FMS 手册
  • PMS 手册
  • OA 手册
  • IM 即时通讯手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
  • 运维手册
  • 前端手册 Vue 3.x
  • 前端手册 Vben 5.x
  • 前端手册 Vue 2.x
  • 前端手册 Admin Uniapp
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 会员手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • MES 手册
  • WMS 手册
  • HRM 手册
  • FMS 手册
  • PMS 手册
  • OA 手册
  • IM 即时通讯手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben5(ant-design-vue、element-plus) (opens new window)
  • Vue2 + element-ui (opens new window)
微服务版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读
  • 后端手册
  • 中间件手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 会员手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • MES 手册
  • WMS 手册
  • HRM 手册
  • FMS 手册
  • PMS 手册
  • OA 手册
  • IM 即时通讯手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
  • 运维手册
  • 前端手册 Vue 3.x
  • 前端手册 Vben 5.x
  • 前端手册 Vue 2.x
  • 前端手册 Admin Uniapp
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 会员手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • MES 手册
  • WMS 手册
  • HRM 手册
  • FMS 手册
  • PMS 手册
  • OA 手册
  • IM 即时通讯手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben5(ant-design-vue、element-plus) (opens new window)
  • Vue2 + element-ui (opens new window)
微服务版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读

    • 简介
    • 交流群
    • 视频教程
    • 功能列表
    • 快速启动(后端项目)
    • 快速启动(前端项目)
    • 接口文档
    • 技术选型
    • 项目结构
    • 代码热加载
    • 一键改包
    • 迁移模块(适合新项目)
    • 删除功能(以租户为例)
    • 表结构变更(版本升级)
    • 国产信创数据库(DM 达梦、大金、OpenGauss、瀚高、OceanBase、TiDB、GaussDB、PolarDB、神通、Vastbase、MogDB、TongRDS、CacheDB)
    • 如何去除 Redis 缓存
    • 面试题、简历模版、简历优化
    • 项目外包
    • 文档 MCP
  • 后端手册

    • 新建模块
    • 代码生成【单表】(新增功能)
    • 代码生成【主子表】
    • 代码生成(树表)
    • 代码生成(移动端)
    • 功能权限
    • 数据权限
    • 用户体系
    • 三方登录
    • OAuth 2.0(SSO 单点登录)
    • SaaS 多租户【字段隔离】
    • SaaS 多租户【数据库隔离】
    • WebSocket 实时通信
    • 异常处理(错误码)
    • 参数校验、时间传参
    • 分页实现
    • VO 对象转换、数据翻译
    • 文件存储(上传下载)
    • Excel 导入导出
    • 操作日志、访问日志、异常日志
    • MyBatis 数据库
    • MyBatis 联表&分页查询
    • 多数据源(读写分离)、事务
    • Redis 缓存
    • 本地缓存
    • 异步任务
    • 分布式锁
    • 幂等性(防重复提交)
    • 请求限流(RateLimiter)
    • HTTP 接口签名(防篡改)
    • HTTP 接口加解密
    • 单元测试
    • 验证码
    • 工具类 Util
    • 配置管理
    • 数据库文档
  • 中间件手册

    • 定时任务
    • 消息队列(内存)
    • 消息队列(Redis)
    • 消息队列(RocketMQ)
    • 消息队列(RabbitMQ)
    • 消息队列(Kafka)
    • 限流熔断
    • 分库分表
    • 分布式事务
  • 工作流手册

    • 工作流演示
    • 功能开启
    • 工作流(达梦适配)
    • 审批接入(流程表单)
    • 审批接入(业务表单)
    • 流程设计器(BPMN)
    • 流程设计器(钉钉、飞书)
    • 选择审批人、发起人自选
    • 会签、或签、依次审批
    • 流程发起、取消、重新发起
    • 审批通过、不通过、驳回
    • 审批加签、减签
    • 审批转办、委派、抄送
    • 执行监听器、任务监听器
    • 流程表达式
    • 流程审批通知
    • 移动端审批
  • 大屏手册

    • 报表设计器
    • 大屏设计器
  • 支付手册

    • 功能开启
    • 支付宝支付接入
    • 微信公众号支付接入
    • 微信小程序支付接入
    • 支付宝、微信退款接入
    • 支付宝转账接入
    • 微信转账接入
    • 钱包充值、支付、退款
    • 模拟支付、退款
    • 移动端支付管理
  • 会员手册

    • 功能开启
    • 微信公众号登录
    • 微信小程序登录
    • 微信小程序订阅消息
    • 微信小程序码
    • 会员用户、标签、分组
    • 会员等级、积分、签到
    • 移动端会员管理
  • 商城手册

    • 商城演示
    • 功能开启
    • 商城装修
    • 在线客服
    • 【商品】商品分类
    • 【商品】商品属性
    • 【商品】商品 SPU 与 SKU
    • 【商品】商品评价
    • 【交易】购物车
    • 【交易】交易订单
    • 【交易】售后退款
    • 【交易】快递发货
    • 【交易】门店自提
    • 【交易】分销返佣
    • 【营销】优惠劵
    • 【营销】积分商城
    • 【营销】拼团活动
    • 【营销】秒杀活动
    • 【营销】砍价活动
    • 【营销】满减送活动
    • 【营销】限时折扣
    • 【营销】内容管理
    • 【统计】会员、商品、交易统计
    • 移动端商城管理
  • ERP手册

    • ERP 演示
    • 功能开启
    • 【产品】产品信息、分类、单位
    • 【库存】产品库存、库存明细
    • 【库存】其它入库、其它出库
    • 【库存】库存调拨、库存盘点
    • 【采购】采购订单、入库、退货
    • 【销售】销售订单、出库、退货
    • 【财务】采购付款、销售收款
    • 移动端 ERP
  • CRM手册

    • CRM 演示
    • 功能开启
    • 【线索】线索管理
    • 【客户】客户管理、公海客户
    • 【商机】商机管理、商机状态
    • 【合同】合同管理、合同提醒
    • 【回款】回款管理、回款计划
    • 【产品】产品管理、产品分类
    • 【通用】数据权限
    • 【通用】跟进记录、待办事项
    • 移动端 CRM
  • AI大模型手册

    • AI 大模型演示
    • 功能开启
    • AI 聊天对话
    • AI 绘画创作
    • AI 知识库(RAG)
    • AI 音乐创作
    • AI 写作助手
    • AI 思维导图
    • AI 工具(function calling)
    • AI 工作流
    • Dify 工作流
    • FastGPT 工作流
    • Coze 智能体
    • 推理模式(thinking)
    • 联网搜索
    • MCP Client 客户端
    • MCP Server 服务端
    • 【模型接入】Claude
    • 【模型接入】OpenAI
    • 【模型接入】通义千问
    • 【模型接入】DeepSeek
    • 【模型接入】字节豆包
    • 【模型接入】腾讯混元
    • 【模型接入】硅基流动
    • 【模型接入】MiniMax
    • 【模型接入】月之暗面
    • 【模型接入】百川智能
    • 【模型接入】文心一言
    • 【模型接入】LLAMA
    • 【模型接入】智谱 GLM
    • 【模型接入】讯飞星火
    • 【模型接入】微软 OpenAI
    • 【模型接入】谷歌 Gemini
    • 【模型接入】Stable Diffusion
    • 【模型接入】Midjourney
    • 【模型接入】Suno
    • 【模型接入】Grok
    • 【模型接入】阶跃星辰
    • 移动端 AI 大模型
  • IoT物联网手册

    • 功能开启
    • 产品管理
    • 设备管理
    • 物模型配置
    • 设备网关与子设备
    • 设备动态注册
    • 设备影子
    • 消息透传与数据解析
    • 设备接入(概述)
    • 设备接入(HTTP 协议)
    • 设备接入(MQTT 协议)
    • 设备接入(EMQX 协议)
    • 设备接入(TCP 协议)
    • 设备接入(UDP 协议)
    • 设备接入(WebSocket 协议)
    • 设备接入(CoAP 协议)
    • 设备接入(Modbus Client 模式)
    • 设备接入(Modbus Server 模式)
    • 设备接入(自定义协议)
    • 场景联动
    • 数据流转
    • 告警配置
    • OTA 固件升级
    • 移动端 IoT 物联网
    • 设备网关合并部署
  • MES手册

    • MES 演示
    • 功能开启
    • 【基础】物料产品、分类、计量单位
    • 【基础】客户管理、供应商管理
    • 【基础】车间设置、工作站设置
    • 【基础】编码规则
    • 【生产】工序设置、工艺流程
    • 【生产】生产工单
    • 【生产】生产排产、工序流转卡
    • 【生产】生产报工
    • 【生产】安灯配置、安灯呼叫
    • 【生产】工作记录
    • 【仓库】仓库与库区库位、条码赋码、SN码
    • 【仓库】批次管理、库存现有量、库存事务
    • 【仓库】到货通知、采购入库、采购退货
    • 【仓库】生产领料、生产退料、物料消耗
    • 【仓库】产品产出、产品入库
    • 【仓库】发货通知、销售出库、销售退货
    • 【仓库】外协发料、外协入库
    • 【仓库】其他入库、其他出库
    • 【仓库】调拨单、装箱管理
    • 【仓库】库存盘点
    • 【质量】检测项设置、常见缺陷
    • 【质量】质检方案
    • 【质量】来料检验(IQC)
    • 【质量】过程检验(IPQC)
    • 【质量】出货检验(OQC)
    • 【质量】退货检验(RQC)
    • 【质量】待检任务、检验结果、缺陷记录
    • 【设备】设备类型、设备台账
    • 【设备】点检保养项目、点检保养方案
    • 【设备】点检记录、保养记录、维修单
    • 【工具】工具类型、工装夹具台账
    • 【排班】班组设置、节假日设置
    • 【排班】排班计划、排班日历
    • 移动端 MES
  • WMS手册

    • WMS 演示
    • 功能开启
    • 【基础】仓库
    • 【基础】商品、SKU、分类、品牌
    • 【基础】往来企业(供应商、客户)
    • 【库存】库存记录、流水、统计
    • 【单据】入库
    • 【单据】出库
    • 【单据】移库
    • 【单据】盘库
    • 【其它】WMS、MES、ERP 对比
    • 移动端 WMS
  • HRM人力资源

    • HRM 演示
    • 功能开启
    • 【组织】工作台、组织架构
    • 【员工】员工管理
    • 【招聘】招聘管理
    • 【考勤】考勤管理
    • 【社保】社保管理
    • 【薪资】计薪设置、薪资档案
    • 【薪资】月度工资、工资条
    • 【绩效】绩效模板、绩效计划
    • 【绩效】绩效考核、绩效档案
    • 移动端 HRM
  • FMS财务管理

    • FMS 演示
    • 功能开启
    • 【设置】账套管理、财务参数、财务指标
    • 【设置】币别、科目、辅助核算、初始余额
    • 【设置】凭证字、常用摘要、凭证模板
    • 【凭证】凭证管理
    • 【账簿】账簿管理
    • 【报表】财务报表
    • 【结账】期末结账
    • 移动端 FMS
  • PMS项目管理

    • PMS 演示
    • 功能开启
    • 【项目中心】工作台与项目管理
    • 【项目中心】项目详情与迭代
    • 【项目中心】工作项与协作
    • 【知识中心】知识库管理
    • 【知识中心】文档与协作
    • 移动端 PMS
  • OA协同办公

    • OA 演示
    • 功能开启
    • 【协作】日程、任务、计划与汇报
    • 【协作】公告、讨论、通讯录与笔记
    • 【办公】企业邮箱
    • 【办公】企业云盘
    • 【行政】办公用品、用印管理
    • 【行政】会议室、车辆管理
    • 【流程】公文管理
    • 【流程】出差、费用报销
    • 【流程】考勤、请假、加班、转正与离职
    • 移动端 OA
  • IM即时通讯手册

    • IM 演示
    • 功能开启
    • 【好友】好友关系、好友申请
    • 【群聊】群组、群成员、入群申请
    • 【消息】私聊、群聊、频道消息
    • 【频道】频道、频道素材
    • 【内容】表情、敏感词
    • 【通话】语音通话、视频通话、共享屏幕
    • 【WebSocket】实时推送与离线消息
    • 移动端 IM 即时通讯
  • 公众号手册

    • 功能开启
    • 公众号接入
    • 公众号粉丝
    • 公众号标签
    • 公众号消息
    • 模版消息
    • 自动回复
    • 公众号菜单
    • 公众号素材
    • 公众号图文
    • 公众号统计
    • 移动端公众号管理
  • 系统手册

    • 短信配置
    • 邮件配置
    • 站内信配置
    • Webhook(钉钉、飞书、企微)
    • 数据脱敏、字段权限
    • 敏感词
    • 地区 & IP 库
  • 运维手册

    • 开发环境
    • Linux 部署
    • Docker 部署
    • Jenkins 部署
    • 宝塔部署
    • 1Panel 部署
    • Docker Compose 部署
    • Kubernetes 部署
    • HTTPS 证书
    • 服务监控
    • 生产环境安全
    • Tomcat WAR 部署
    • 东方通服务器部署(TongWeb、TongHttpServer)
    • 宝兰德服务器部署(BES AppServer)
    • 内网穿透
  • 前端手册 Vue 3.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
    • CRUD 组件
    • 国际化
    • IDE 调试
    • 代码格式化
  • 前端手册 Vben 5.x

    • 开发规范
    • 菜单路由
    • 图标、主题、国际化
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
    • IDE 调试
    • 代码格式化
  • 前端手册 Vue 2.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
  • 前端手册 Admin Uniapp

    • 开发规范
    • 菜单路由
    • 图标、主题、国际化
    • 字典数据
    • 系统组件
    • 通用方法
    • IDE 调试
    • 代码格式化
    • 运行发布
      • 1. 环境准备
      • 2. 环境变量
      • 3. H5 运行发布
      • 4. 微信小程序运行发布
      • 5. App 运行发布(Android / iOS)
        • 5.1 准备工作
        • 5.2 真机调试
        • 5.3 构建 App 资源
        • 5.4 云端打包
  • 更新日志

    • 【v2026-11】
    • 【v2026-10】
    • 【v2026-09】
    • 【v2026-08】
    • 【v2026-07】
    • 【v2026-06】
    • 【v2026-05】
    • 【v2026-04】
    • 【v2026-03】
    • 【v2026-01】
    • 【v2025-12】
    • 【v2025-11】
    • 【v2025-10】
    • 【v2025-09】
    • 【v2025-08】
  • 开发指南
  • 前端手册 Admin Uniapp
芋道源码
2026-01-02
目录

运行发布

  • 《unibest 官方文档 —— 运行发布》 (opens new window)
  • 《unibest 官方文档 —— App 专题》 (opens new window)
  • 《uni-app 官方文档 —— 快速上手(云端打包)》 (opens new window)
  • 《DCloud 社区 —— Android 平台签名证书说明》 (opens new window)
  • 《DCloud 社区 —— Android 签名证书生成指南》 (opens new window)
  • 《DCloud 社区 —— iOS 证书和描述文件申请》 (opens new window)

# 1. 环境准备

  • Node.js >= 20、pnpm >= 9(见 package.json 的 engines,项目只允许使用 pnpm 安装依赖),执行 pnpm install 安装依赖。
  • H5、小程序不需要 HBuilderX;App(Android / iOS)需要安装 HBuilderX (opens new window) 并登录 DCloud 账号。HBuilderX 版本尽量与 package.json 中 @dcloudio/uni-app 的版本对应,版本差异过大可能导致打包失败或白屏。

# 2. 环境变量

环境变量统一放在 env 目录,env/.env 是公共配置,各命令再按 mode 叠加对应文件(同名变量以后者为准):

命令 mode 读取的文件
pnpm dev:h5、pnpm dev:mp、pnpm dev:app development .env + .env.development
pnpm build:h5、pnpm build:mp、pnpm build:app production .env + .env.production
pnpm dev:app:test、pnpm build:app:test 等 :test 命令 test .env + .env.test

常用变量如下:

  • VITE_SERVER_BASEURL:后端请求的基础地址,需带上 /admin-api 等统一前缀,接口请求及 useUpload 的上传地址都由它拼接得到。正式环境建议在 .env.production 中配置,不必改动公共的 .env。
  • VITE_APP_PROXY_ENABLE:是否启用代理,仅对 H5 生效。App、小程序不走代理,请求直接发往配置的后端地址。
  • VITE_APP_PUBLIC_BASE:H5 部署的子路径,由 manifest.config.ts 配置到 h5.router.base。
  • VITE_WX_APPID:微信小程序 AppID。
  • VITE_UNI_APPID:App 的 DCloud AppID,见「5.1 准备工作」。
  • IM 音视频通话支持 H5、App 和微信小程序,开启方式见 《【通话】语音通话、视频通话、共享屏幕》。

友情提示:手机上的 `localhost` 是手机自己,不是你的电脑!

App 真机调试时,VITE_SERVER_BASEURL 要改成电脑的局域网 IP,例如 http://192.168.1.100:48080/admin-api,并确保手机和电脑在同一网络、防火墙放行后端端口。正式发布时请改成可公网访问的 HTTPS 域名。

# 3. H5 运行发布

  • 运行:执行 pnpm dev:h5,浏览器访问控制台输出的地址(端口由 VITE_APP_PORT 配置)。
  • 发布:执行 pnpm build:h5,产物在 dist/build/h5 目录,使用 Nginx 配置静态资源进行发布即可。如果部署在子路径下,需配置 VITE_APP_PUBLIC_BASE;如果启用了代理,Nginx 也要转发 VITE_APP_PROXY_PREFIX 前缀的请求。

# 4. 微信小程序运行发布

  • 运行:执行 pnpm dev:mp,使用微信开发者工具导入 dist/dev/mp-weixin 目录。
  • 发布:执行 pnpm build:mp,使用微信开发者工具导入 dist/build/mp-weixin 目录,点击「上传」后在微信公众平台提交审核。正式环境的后端域名需要配置到小程序后台的 request 合法域名。

# 5. App 运行发布(Android / iOS)

App 的整体流程是:项目编译出 App 资源 → HBuilderX 导入资源 → 云端打包得到 APK / IPA。

# 5.1 准备工作

① 在 DCloud 开发者中心 (opens new window) 创建自己的应用,获取 AppID(格式为 __UNI__xxxxxxx),填写到 env/.env 的 VITE_UNI_APPID。不要直接使用项目模板自带的 AppID,否则可能出现云打包失败或白屏。

② App 的配置以项目根目录的 manifest.config.ts 为准,包括应用名称(VITE_APP_TITLE)、appid、versionName / versionCode、app-plus.distribute 下的 Android 权限 / minSdkVersion / targetSdkVersion / abiFilters、iOS 隐私描述,以及 src/static/app/icons 下的应用图标。

src/manifest.json 是每次 dev / build 时由 manifest.config.ts 自动生成的文件(已被 .gitignore 忽略),不要长期手改它。在 HBuilderX 可视化界面里改过的配置,要同步回 manifest.config.ts,否则下次编译会被覆盖。

友情提示:App 白屏怎么排查?

优先检查:VITE_UNI_APPID 是否为自己的 AppID、HBuilderX 与 uni-app 版本是否对应、后端地址手机能否访问、是否在 App 端加载了只能在浏览器运行的 Web SDK。不建议通过随意降低 minSdkVersion / targetSdkVersion,或全局补 DOMException 等浏览器对象的 polyfill 来“解决”白屏,这样只会掩盖真正的问题。

# 5.2 真机调试

执行 pnpm dev:app,编译产物输出到 dist/dev/app 目录,并持续监听代码变更。

  • iOS 模拟器:在 HBuilderX 中导入 dist/dev/app 并运行到 iOS 模拟器,修改代码后可热更新。
  • Android 模拟器 / 真机:仅导入 dist/dev/app 在 Android 上无法热更新,需要把整个项目根目录导入 HBuilderX,再运行到 Android 手机或模拟器。

调试用的工程(dist/dev/app 或项目根目录)和下面打包用的 dist/build/app 不要混用。

# 5.3 构建 App 资源

执行 pnpm build:app(读取 .env.production,测试环境可用 pnpm build:app:test),产物输出到 dist/build/app 目录。

注意,这一步只生成 uni-app 编译后的项目资源(JS、CSS、manifest.json 等),并不是可以安装的 APK / IPA,还需要下一步在 HBuilderX 中打包。

每次修改环境变量(例如后端地址)或 manifest.config.ts 后,都要重新执行 pnpm build:app,再重新打包,否则安装包里还是旧配置。

# 5.4 云端打包

① 在 HBuilderX 中导入 dist/build/app 目录,选中该项目后,点击菜单「发行 → 原生App-云打包」,按平台填写以下信息后提交打包,打包进度和结果可在 HBuilderX 控制台查看。

② Android:

  • 包名:建议使用反域名格式,例如 com.example.admin,应用上架后不要再修改。
  • 证书:开发阶段可以使用 DCloud 自动生成的「云端证书」;正式发布推荐使用自有证书,使用 JDK 的 keytool 生成 .keystore 文件,别名使用英文或数字,证书文件密码与私钥密码保持一致,打包时填写证书别名、证书私钥密码,并选择证书文件。「公共测试证书」已经下线,不要使用。
  • 证书文件、别名、密码务必妥善保管并备份。同一个包名的升级包必须使用同一个证书签名,换证书后的升级包无法覆盖安装。

③ iOS:需要 Apple 开发者账号,并在 Apple 开发者后台准备以下文件。

  • Bundle ID:在 Identifiers 中创建 Explicit 类型的 App ID,打包界面的「AppID」栏填写的就是它(注意不是 DCloud AppID)。
  • 证书(.p12):在 Mac 钥匙串中导出,导出时需要设置密码,打包时要填写该密码。
  • 描述文件(.mobileprovision):必须基于同一个 Bundle ID 生成,并包含上面的证书。
  • 用途区分:开发证书 + 开发描述文件打出的包,可以安装到描述文件登记过的设备上测试,但不能上架;发布证书 + App Store 描述文件打出的包,用于提交 App Store 审核,不能直接安装到手机。

友情提示:证书、密码不要提交到代码仓库!

.keystore、.p12、.mobileprovision 及其密码,建议由专人保管,不要放进 Git 仓库或 env 文件。

代码格式化
【v2026-11】

← 代码格式化 【v2026-11】→

Theme by Vdoing | Copyright © 2019-2026 芋道源码 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×