Wujies 无界平台
多端前端

前端开发

平台的前端不是「一个大前端」，而是按使用场景拆开的四个独立工程。它们共用同一套后端接口与登录体系，但构建、部署、发布节奏互不影响。

前端矩阵

工程场景技术栈开发端口源码目录
wujies-admin后台管理Vue 3 + TypeScript + Element Plus + Vite 680plus-ui/
wujies-shopPC 用户端Vue 3 + TypeScript + Element Plus + Vite 64230plus-c/
wujies-mobile（H5）手机浏览器uni-app + Vue 3Vite 默认端口ruoyi-uniapp/
wujies-mobile（App / 小程序）Android / iOS / 微信小程序uni-app + Vue 3—ruoyi-uniapp/

H5、App、小程序是同一套 uni-app 代码的不同编译目标，所以放在同一个仓库里；文档按端拆开，是因为构建、调试和发布流程差别很大。

三者怎么分工

  • 后台管理（wujies-admin）：平台底座功能 + 应用市场 + 插件开发台。它还承担一件平台特有的事：在运行期加载远程应用的前端产物。
  • PC 用户端（wujies-shop）：面向终端消费者的 Web，商城、会员、社交、IM、考试、图床等页面都在这里。
  • 移动端（wujies-mobile）：同一套 uni-app 代码编译到 H5、App 与各家小程序。
前端矩阵与后端关系（示意图占位）

前端矩阵与后端关系（示意图占位）

/images/docs/frontend-matrix.png

可画：四个前端工程 → Nginx / 静态站；wujies-admin 额外通过 import map 加载远程应用 ESM。

共同约定

  1. 后端只有一个地址：开发环境默认 http://127.0.0.1:8086，由 Vite 代理 /dev-api 转发。
  2. C 端接口随应用走：/open/**、/portal/** 由已安装应用提供，平台宿主不自带；接口 404 先查应用装没装。
  3. 后台前端是远程应用的宿主：应用前端产物必须按 appCode 输出，入口带 ?v=<version>，裸模块走 import map 垫片。
  4. 四个工程各自构建、各自部署：没有统一的 monorepo 构建脚本，也没有「一次构建全部」。

从哪里开始

文档站维护说明

上一页

前端运行时 API

下一页

目录

前端矩阵三者怎么分工共同约定从哪里开始