yudao-ui-admin-uniapp 移动端

Vue3 + uni-app 版本

yudao-ui-admin-uniapp (opens new window)是前端 uni-app 管理后台项目。
https://github.com/yudaocode/yudao-ui-admin-uniapp.git (opens new window)项目。
执行如下命令，安装 npm 依赖：

# 安装 pnpm，提升依赖的安装速度
npm config set registry https://registry.npmmirror.com
npm install -g pnpm
# 安装依赖
pnpm install

# 启动 h5 平台
npm run dev

# （可选）启动 wx 小程序平台
npm run dev:mp-weixin

#命令行打包：再用微信开发者工具打开dist/build/mp-weixin目录
npm run build:mp-weixin

启动完成后，浏览器会自动打开 http://localhost:9000 (opens new window)地址，可以看到前端界面。

配置微信小程序

配置appid

修改src/manifest.json,配置appid

{
  "name": "管理系统",
  "appid": "wx63c2XXXX3e7",   // 👈 改APPID
  "description": "",
  "versionName": "1.0.0",
  "versionCode": "100",
  ...
  "mp-weixin": {
    "appid": "wx63c2XXXX3e7",  // 👈  改APPID
    "setting": {
      "urlCheck": false,            // 👈 必须 false，否则本地调试会报错
      "es6": true,
      "minified": true
    },
    ...
  }
}

配置https接口

修改env/.env和src/utils/index.ts后端接口为https

命令行编译

#运行,（命令行编译，绕过 HBuilderX 菜单问题）
npm run dev:mp-weixin
#命令行打包：再用微信开发者工具打开产物目录
npm run build:mp-weixin

npm run build:mp:prod命令执行流程

npm run build:mp:prod
→ package.json找到对应脚本执行 uni build

→ 指定平台：mp-weixin（微信小程序）
→ 指定模式：production（生产环境）
→ Vite 加载 .env + .env.production
→ uni-app 编译 + 打包
→ 输出 dist/build/mp-weixin
→ 可直接发布小程序

多端编译

https://uniapp.dcloud.net.cn/tutorial/platform.html#static