feat: 使用 mockm

.prettierignore

@@ -6,7 +6,6 @@ node_modules
 .nvmrc
 coverage
 CODEOWNERS
-.nitro
 .output
 
 

apps/backend-mock/.eslintignore

@@ -0,0 +1 @@
+/**/*

apps/backend-mock/README.md

@@ -2,14 +2,28 @@
 
 ## Description
 
-Vben Admin 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。由于 sqlite 安装需要在本地进行编译，所以这里接口是直接返回的。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，同步 mock.js等工具有一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了 真是的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
+Vben Admin 数据 mock 服务，没有对接任何的数据库，所有数据都是模拟的，用于前端开发时提供数据支持。无需安装数据实现基于 json 的类数据库存储。线上环境不再提供mock集成，可自行部署服务或者对接真实数据，避免在前端直接使用 mock.js 存在的一些限制，比如上传文件不行、无法模拟复杂的逻辑等，所以这里使用了真实的后端服务来实现。唯一麻烦的是本地需要同时启动后端服务和前端服务，但是这样可以更好的模拟真实环境。
+
+文件说明如下:
+
+```
+./
+  - api/ -- 手动创建的 api
+  - httpData/ -- 请求记录, 一般不提交到版本库
+  - apiWeb.json -- 从 UI 界面上创建的接口数据
+  - util.js -- 一些公用方法
+  - mm.config.js -- mockm 的配置文件
+```
 
 ## Running the app
 
 ```bash
-# development
-$ pnpm run start
-
-# production mode
-$ pnpm run build
+pnpm i mockm
+npx mm
 ```
+
+## 参考
+
+- [mockm 代码仓库](https://github.com/wll8/mockm/)
+- [mockm 文档](https://hongqiye.com/doc/mockm/)
+- [mockjs 文档](https://wll8.github.io/mockjs-examples/)

apps/backend-mock/api/auth.cjs

@@ -0,0 +1,43 @@
+/* eslint-disable */
+
+const { 
+  wrapApiData,
+  useResponseSuccess,
+  useResponseError,
+  MOCK_USERS,
+  MOCK_CODES,
+  MOCK_MENUS,
+ } = require(`../util.cjs`)
+
+/** @type {import('mockm/@types/config').Config} */
+module.exports = util => {
+  const {
+    libObj: { mockjs },
+  } = util
+  return {
+    api: {
+      '/api/auth/codes'(req, res) {
+        const codes = MOCK_CODES.find((item) => item.username === req.username)?.codes ?? [];
+        res.json(useResponseSuccess(codes))
+      },
+      'post /api/auth/login'(req, res) {
+        const { password, username } = req.body;
+
+        const findUser = MOCK_USERS.find(
+          (item) => item.username === username && item.password === password,
+        );
+
+        if (!findUser) {
+          return res.status(403).json(useResponseError('UnauthorizedException', '用户名或密码错误'))
+        }
+
+        const accessToken = Buffer.from(username).toString('base64');
+        res.json(useResponseSuccess({
+          accessToken,
+          // TODO: refresh token
+          refreshToken: accessToken,
+        }));
+      },
+    },
+  }
+}

apps/backend-mock/api/menu.cjs

@@ -0,0 +1,26 @@
+/* eslint-disable */
+
+const { 
+  wrapApiData,
+  useResponseSuccess,
+  useResponseError,
+  MOCK_USERS,
+  MOCK_CODES,
+  MOCK_MENUS,
+ } = require(`../util.cjs`)
+
+/** @type {import('mockm/@types/config').Config} */
+module.exports = util => {
+  const {
+    libObj: { mockjs },
+  } = util
+  return {
+    api: {
+      '/api/menu/all'(req, res){
+        const menus =  MOCK_MENUS.find((item) => item.username === req.username)?.menus ?? [];
+        res.json(useResponseSuccess(menus))
+
+      },
+    },
+  }
+}

apps/backend-mock/api/user.cjs

@@ -0,0 +1,25 @@
+const { 
+  wrapApiData,
+  useResponseSuccess,
+  useResponseError,
+  MOCK_USERS,
+  MOCK_CODES,
+  MOCK_MENUS,
+ } = require(`../util.cjs`)
+
+/** @type {import('mockm/@types/config').Config} */
+module.exports = util => {
+  const {
+    libObj: { mockjs },
+  } = util
+  return {
+    api: {
+      '/api/user/info'(req, res) {
+        const user = MOCK_USERS.find((item) => item.username === req.username);
+
+        const { password: _pwd, ...userInfo } = user;
+        res.json(useResponseSuccess(user))
+      },
+    },
+  }
+}

apps/backend-mock/apiWeb.json

@@ -0,0 +1,4 @@
+{
+  "paths": {},
+  "disable": []
+}

apps/backend-mock/httpData/.gitignore

@@ -0,0 +1,6 @@
+openApiHistory/
+request/
+db.json
+httpHistory.json
+log.err.txt
+store.json

apps/backend-mock/httpData/apiWeb.json

@@ -0,0 +1,4 @@
+{
+  "paths": {},
+  "disable": []
+}

apps/backend-mock/mm.config.cjs

@@ -0,0 +1,63 @@
+const {
+  wrapApiData,
+  useResponseSuccess,
+  useResponseError,
+} = require(`./util.cjs`)
+
+/**
+ * 配置说明请参考文档: 
+ * https://hongqiye.com/doc/mockm/config/option.html
+ * @type {import('mockm/@types/config').Config}
+ */
+module.exports = util => {
+  return {
+    watch: [`./api/`],
+    plugin: [],
+    proxy: {
+      '/': `http://www.httpbin.org/`, // 后端接口主域
+    },
+    api: {
+      'use /'(req, res, next){
+        const noCheckList = [
+          `/`,
+          `/public`,
+          `/favicon.ico`,
+          `/api/test`,
+          `/api/status`,
+          `/api/auth/login`,
+        ]
+        if( req.path === `/` || noCheckList.some(item => {
+          return item.startsWith(req.path)
+        })) {
+          next()
+        } else {
+          const token = req.get(`Authorization`)
+          if (token) {
+            const username = Buffer.from(token, 'base64').toString('utf8');
+            req.username = username;
+          } else {
+            return res.status(401).json(useResponseError('UnauthorizedException', 'Unauthorized Exception'))
+          }
+          next()
+        }
+      },
+      // 跳转到接口列表
+      '/api'(req, res){
+        const url = `http://127.0.0.1:${globalThis.config.testPort}/#/apiStudio`
+        res.redirect(url)
+      },
+      ...require(`./api/auth.cjs`)(util).api,
+      ...require(`./api/menu.cjs`)(util).api,
+      ...require(`./api/user.cjs`)(util).api,
+      '/api/status'(req, res) {
+        const { status } = req.query
+        res.status(status).json(useResponseError())
+      },
+      'get /api/test': `Test get handler`,
+      'post /api/test': `Test post handler`,
+    },
+    static: [],
+    resHandleReplay: ({req, res}) => useResponseSuccess({}),
+    resHandleJsonApi: ({req, res: {statusCode: code}, data}) => wrapApiData({code, data}),
+  }
+}

apps/backend-mock/package.json

@@ -5,11 +5,11 @@
   "private": true,
   "license": "MIT",
   "author": "",
+  "type": "commonjs",
   "scripts": {
-    "start": "nitro dev",
-    "build": "nitro build"
+    "mm": "npx mockm"
   },
-  "dependencies": {
-    "nitropack": "^2.9.7"
+  "devDependencies": {
+    "mockm": "1.1.27-alpha.2"
   }
 }