多端前端App 端
App 端
App 端和 H5、小程序共用 ruoyi-uniapp/ 的同一套页面代码，区别在运行容器、原生能力和打包流程。
- 工程目录：
ruoyi-uniapp/ - 应用标识：
src/manifest.json的appid - 版本号：
versionName（展示）/versionCode（升级判断） - 开发命令：
npm run dev:app（或dev:app-android/dev:app-ios）
App 端适合什么
| 场景 | 说明 |
|---|---|
| 需要原生能力 | 相机、定位、推送、文件、蓝牙等 |
| 需要离线 / 常驻 | H5 做不到的本地缓存与后台能力 |
| 应用商店分发 | Android / iOS 上架 |
工程配置
| 文件 | 作用 |
|---|---|
src/manifest.json | 应用名称、appid、图标、启动图、权限、各端配置 |
src/pages.json | 页面路由、tabBar、分包 |
src/config.js | 接口地址与加密开关 |
vite.config.js | 构建配置 |
manifest.json 里需要重点确认：
{
"name": "wujies-vue3",
"appid": "__UNI__XXXXXXX",
"versionName": "1.0.0",
"versionCode": "100"
}appid必须换成你自己的 DCloud 应用 ID；versionCode每次发版必须递增，否则无法覆盖安装 / 商店拒审；- Android 权限按实际能力申请，不要一次性全量声明。
App 首页（截图占位）
/images/docs/app-home.png建议 390 × 844，截首页 + 底部 tabBar。
运行
npm run dev:app- 用 HBuilderX 打开项目，选择「运行 → 运行到手机或模拟器」；
- 或使用 CLI 构建后，把产物导入 HBuilderX 做原生调试。
真机调试时同样注意 baseUrl 不能是 localhost。