{"id":22355426,"url":"https://github.com/zzall/visualization-mock-server","last_synced_at":"2026-04-17T07:31:28.762Z","repository":{"id":58838662,"uuid":"534063961","full_name":"zzall/visualization-mock-server","owner":"zzall","description":"基于本地 mock 文件生成本地 mock 服务器  服务器基于express","archived":false,"fork":false,"pushed_at":"2022-10-04T06:49:52.000Z","size":3458,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-03T20:04:11.919Z","etag":null,"topics":["express","javascript","mock","node","server"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zzall.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-08T05:30:38.000Z","updated_at":"2025-01-16T01:30:56.000Z","dependencies_parsed_at":"2023-01-19T05:01:03.607Z","dependency_job_id":null,"html_url":"https://github.com/zzall/visualization-mock-server","commit_stats":null,"previous_names":["zzall/mock-server"],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zzall%2Fvisualization-mock-server","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zzall%2Fvisualization-mock-server/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zzall%2Fvisualization-mock-server/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zzall%2Fvisualization-mock-server/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zzall","download_url":"https://codeload.github.com/zzall/visualization-mock-server/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245659050,"owners_count":20651525,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express","javascript","mock","node","server"],"created_at":"2024-12-04T14:06:29.554Z","updated_at":"2026-04-17T07:31:23.658Z","avatar_url":"https://github.com/zzall.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## visualization-mock-server\n\n![version](https://badge.fury.io/js/visualization-mock-server.svg)\n\n\u003c!-- ![install size](https://packagephobia.com/badge?p=visualization-mock-server) --\u003e\n\n基于本地 mock 文件生成本地 mock 服务器\n\n服务器基于`express`\n\n### mock 文件目录如下\n\n```\n└── mock\n│   ├── empty.js\n│   ├── login.js\n│   └── products.js\n```\n\n### 接口文件格式如下\n\nlogin.js\n\n```javascript\nexport default {\n\t\"GET /function\": (_req, res) =\u003e {\n\t\tres.json({\n\t\t\tsuccess: true,\n\t\t\tdata: {},\n\t\t\terrorCode: 0,\n\t\t});\n\t},\n\t\"GET /object\": {\n\t\tname: \"zzz\",\n\t\tage: 21,\n\t},\n\t\"GET /string\": \"string\",\n\t\"GET /boolean\": false,\n\t\"GET /number\": 1,\n\t\"GET /array\": [\n\t\t{\n\t\t\tname: \"zzz\",\n\t\t\tage: 21,\n\t\t},\n\t\t{\n\t\t\tname: \"zzz2\",\n\t\t\tage: 22,\n\t\t},\n\t],\n};\n```\n\n### 支持 mock 数据类型\n\n- `Object`\n- `Array`\n- `Function`\n  - 入参分别对照`express`的`req`，`res`与`next`\n- `String`\n- `Number`\n- `Boolean`\n- ~~`HTMLElement`~~后续补上\n- ~~文件~~后续会补上\n\n### 安装\n\n```bash\nnpm i visualization-mock-server -D\n```\n\n### 使用\n\n#### mockServer 使用\n\n```javascript\nconst initMockServer = require(\"visualization-mock-server\");\n\ninitMockServer({ port: 4001, host: \"localhost\" });\n```\n\n#### devServerMiddleware 使用\n\n```javascript\nconst { devServerMiddleware } = require(\"visualization-mock-server\");\n\nconst { onBeforeSetupMiddleware, before } = devServerMiddleware();\n\n// webpack.config.js\n\nmodule.exports = {\n\tdevServer: {\n\t\tonBeforeSetupMiddleware: devServerMiddleware().onBeforeSetupMiddleware,\n\t},\n\t// 更早的devServer版本需要用before\n\tdevServer: {\n\t\tbefore: devServerMiddleware().before,\n\t},\n};\n```\n\n针对不同的`webpack-dev-server`版本，考虑使用`onBeforeSetupMiddleware`与`before`\n\n具体可查看[devServer 暴露的 api 情况](https://webpack.docschina.org/configuration/dev-server/)\n\n## TODO\n\n- 可借助`express`插件丰富 mock server 的用法\n  - express-art-template art-template body-parser 等\n- cicd\n- 自动化构建流程\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzzall%2Fvisualization-mock-server","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzzall%2Fvisualization-mock-server","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzzall%2Fvisualization-mock-server/lists"}