har-gen-api 0.1.3 → 0.1.4

package/README.md

@@ -1,21 +1,30 @@
 # har-gen-api
-> 浏览器HAR转成接口文件
+
+> 浏览器har文件转成自定义的接口文件，通过`vite`启动`mock`服务，实现接口模拟
 
 ## 使用
 
-### 全局安装
+### 安装
 ```bash
-npm install -g har-gen-api
+npm install har-gen-api
+# or
+yarn add har-gen-api
 ```
 
+### 导出har文件
+1. 打开浏览器`chrome`
+2. 打开`F12`切换到`Network`
+3. 点击导出按钮，选择保存路径
+4. 保存**har**文件到 `mock/har.local` 文件夹下
+
 ### 命令行使用
 ```bash
-har-gen-api --input mock/har.local --output mock/api.local --baseURL /api --overwrite
+npx har-gen-api --input mock/har.local --output mock/api.local --baseURL /api --overwrite
 ```
 
 ### 参数说明：
-* input: 输入路径，默认为 mock/har.local (default: "mock/har.local")
-* output: 输出路径，默认为 mock/api.local (default: "mock/api.local")
+* input: 输入路径，默认为 `mock/har.local` (default: "mock/har.local")
+* output: 输出路径，默认为 `mock/api.local` (default: "mock/api.local")
 * baseURL: baseURL路径 (default: "")
 * overwrite: 是否覆盖已存在的文件 (default: false)
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "har-gen-api",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -13,9 +13,6 @@
     },
     "./vite": {
       "import": "./mockServer.js"
-    },
-    "./vite/esm": {
-      "import": "./mockServer.mjs"
     }
   },
   "bin": {

package/mockServer.mjs

@@ -1,78 +0,0 @@
-// mock/index.js
-const Mock = require('mockjs');
-const fs = require('fs');
-const _ = require('lodash');
-const JSON5 = require('json5');
-
-const mockServer = ({ mockPath = 'mock', baseURL = '', enabled = false } = {}) => {
-  return {
-    name: 'mock-server',
-    configureServer(server) {
-      if (localEnabled) {
-        server.middlewares.use((req, res, next) => {
-          const url = new URL(req.url, `http://${req.headers.host}`);
-          let pathname = url.pathname;
-
-          if (pathname.startsWith(baseURL)) {
-            pathname = pathname.replace(new RegExp(`^${baseURL}`), '');
-
-            // console.log('路径', pathname);
-
-            // console.log(`${mockPath}${pathname}.${req.method.toLowerCase()}`)
-
-            fs.readFile(`${mockPath}${pathname}.${req.method.toLowerCase()}`, (err, data) => {
-              if (err) {
-                next();
-                return;
-              }
-
-              res.setHeader('X-Powered-By', 'mockjs');
-              res.setHeader('Content-Type', 'application/json; charset=utf-8');
-
-              try {
-                data = JSON5.parse(data);
-                const keys = Object.keys(data).filter(key => key.startsWith('?') || key === '');
-
-                keys.sort((a, b) => {
-                  return a > b ? 1 : -1;
-                });
-
-                data = data[ url.search ] ?? data[ keys[0] ] ?? data;
-
-                if (_.isString(data)) {
-                  // 模板解析
-                  data = _.template(data)({
-                    headers: req.headers,
-                    query: req.query,
-                    body: req.body,
-                  });
-
-                  data = JSON.parse(data || null);
-                }
-
-                data = Mock.mock(data);
-
-                // res.send(data);
-                res.end(JSON.stringify(data));
-              }
-              catch (e) {
-                console.error(e);
-                // res.status(500).send('Mock Error');
-                // res.send(500, 'Mock Error');
-                res.statusCode = 500;
-                res.end('Mock Error');
-              }
-            });
-          }
-          else {
-            next();
-          }
-        });
-
-        console.log('Mock server is running...');
-      }
-    },
-  };
-};
-
-exports.mockServer = mockServer;