Wujies 无界平台
多端前端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 首页(截图占位)

H5 首页(截图占位)

/images/docs/h5-home.png

建议 390 × 844(iPhone 14)或 750 宽设计稿,截首页首屏。

与后端的关系

和 PC 用户端一样,H5 调用的 /open/**、/portal/** 由已安装应用提供。接口 404 时先确认应用装没装,再查路径。

继续读

目录