多端前端H5 端
H5 端
H5 是 wujies-mobile 的一个编译目标:和 App、小程序共用一套 uni-app 代码,只是构建命令、运行容器和部分能力不同。
- 工程目录:
ruoyi-uniapp/ - 包名:
wujies-mobile - 技术栈:uni-app + Vue 3 + uview-plus
- 接口配置:
src/config.js的baseUrl
H5 适合什么
| 场景 | 说明 |
|---|---|
| 微信内打开 | 分享链接、公众号菜单、扫码进入 |
| 手机浏览器 | 不想安装 App 的用户 |
| 快速验证 | 改完页面直接刷新,不需要打包 |
| 活动 / 落地页 | 独立部署、独立域名 |
代码结构
ruoyi-uniapp/
├── src/
│ ├── config.js ★ 后端地址、clientID、加密开关
│ ├── manifest.json 应用名称 / 图标 / 各端配置
│ ├── pages.json 页面路由与 tabBar
│ ├── pages/ 主包页面
│ ├── pages_mall/ 商城分包
│ ├── pages_member/ 会员分包
│ ├── pages_mine/ 个人中心
│ ├── pages_social/ 社交
│ ├── pages_message/ 消息
│ ├── pages_search/ 搜索
│ ├── pages_service/ 客服 / 服务
│ ├── components/ 公共组件
│ ├── utils/
│ │ └── wujies.js ★ 请求封装
│ └── static/
└── vite.config.js
H5 首页(截图占位)
/images/docs/h5-home.png建议 390 × 844(iPhone 14)或 750 宽设计稿,截首页首屏。
与后端的关系
和 PC 用户端一样,H5 调用的 /open/**、/portal/** 由已安装应用提供。接口 404 时先确认应用装没装,再查路径。