npmpackage.info

Gathering detailed insights and metrics for express-hot-mock-middleware

Other packages similar to express-hot-mock-middleware

webpack-mock-server

1.0.22

Mocks api requests for webpack-dev-server with hot-replacement

hot-mock-middleware

1.1.9

A express middleware that creates mock service simply, support for real-time refresh

@osjwnpm/nisi-accusantium-sequi

1.0.0

Axios adapter that allows to easily mock requests

express-hot-mock-middleware

express-hot-mock-middleware 是一个参考并兼容 umijs 实现了其类似的基于 express 的 mock 中间件，可以方便 react 项目集成

1.0.2

MIT

JavaScript

456.57 kB

590 3

Installations

npm install express-hot-mock-middleware

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.14.1

NPM Version

6.14.3 Score

59.4

Supply Chain

91.1

Quality

69.7

Maintenance

Vulnerability

98.2

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Developer

niqingyang

Download Statistics

Total Downloads

590

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

1 Stars

15 Commits

1 Watching

1 Branches

1 Contributors

Bundle Size

1.18 MB

Minified

456.57 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.2

Package Id

express-hot-mock-middleware@1.0.2

Unpacked Size

15.91 kB

Size

6.08 kB

File Count

NPM Version

6.14.3

Node Version

12.14.1

Total Downloads

Cumulative downloads

Total Downloads

590

Last day

Compared to previous day

Last week

-20%

Compared to previous week

Last month

57.1%

Compared to previous month

Last year

-14.3%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/polyfill assert body-parser chokidar glob multer path path-to-regexp signale

Dev Dependencies

@babel/cli @babel/core @babel/preset-env

Versions

express-hot-mock-middleware

express-hot-mock-middleware 是一个参考了 umijs 实现了其类似的基于 express 的 mock 中间件，可以方便 react 项目集成

使用时只需要指定一个到处接口数据的目录，支持实时检测目录下文件的改动并动态加载

Installation

1npm install --save-dev express-hot-mock-middleware

Usage

使用 create-react-app 创建一个 react app
在 src 目录下创建文件 setupProxy.js

setupProxy.js 内容如下：

1require('@babel/register');
2const fs = require('fs');
3const path = require("path");
4const proxy = require('http-proxy-middleware');
5
6const appPath = fs.realpathSync(process.cwd());
7
8module.exports = function (app) {
9
10    const mockPaths = [
11        path.join(appPath, 'mock')
12    ];
13
14    app.use(require("express-hot-mock-middleware").createMiddleware(mockPaths));
15};

在项目根目录下创建 babel.config.js 内容如下：

1module.exports = function (api) {
2    api.cache(true);
3
4    const presets = [
5        "react-app",
6        [
7            // https://babeljs.io/docs/en/babel-preset-env#usebuiltins
8            "@babel/preset-env",
9            {
10                "useBuiltIns": "usage",
11                "corejs": "3"
12            }
13        ],
14        // ...
15    ];
16    const plugins = [
17        // ...
18    ];
19
20    return {
21        presets,
22        plugins
23    };
24}

在项目根目录下创建 mock 目录，然后在此目录下创建一个 api.js 作为示例：

1import mockjs from 'mockjs';
2
3const getNotice = [
4    {
5        id: 'xxx1',
6        title: titles[0],
7        logo: avatars[0],
8        description: '那是一种内在的东西，他们到达不了，也无法触及的',
9        updatedAt: new Date(),
10        member: '科学搬砖组',
11        href: '',
12        memberLink: '',
13    },
14    {
15        id: 'xxx2',
16        title: titles[1],
17        logo: avatars[1],
18        description: '希望是一个好东西，也许是最好的，好东西是不会消亡的',
19        updatedAt: new Date('2017-07-24'),
20        member: '全组都是吴彦祖',
21        href: '',
22        memberLink: '',
23    },
24    // ...
25];
26
27const getActivities = [
28    {
29        id: 'trend-1',
30        updatedAt: new Date(),
31        user: {
32            name: '曲丽丽',
33            avatar: avatars2[0],
34        },
35        group: {
36            name: '高逼格设计天团',
37            link: 'http://github.com/',
38        },
39        project: {
40            name: '六月迭代',
41            link: 'http://github.com/',
42        },
43        template: '在 @{group} 新建项目 @{project}',
44    },
45    {
46        id: 'trend-2',
47        updatedAt: new Date(),
48        user: {
49            name: '付小小',
50            avatar: avatars2[1],
51        },
52        group: {
53            name: '高逼格设计天团',
54            link: 'http://github.com/',
55        },
56        project: {
57            name: '六月迭代',
58            link: 'http://github.com/',
59        },
60        template: '在 @{group} 新建项目 @{project}',
61    },
62    // ...
63];
64
65function getFakeCaptcha(req, res) {
66    return res.json('captcha-xxx');
67}
68
69export default {
70    'GET /api/project/notice': getNotice,
71    'GET /api/activities': getActivities,
72    'POST /api/forms': (req, res) => {
73        res.send({message: 'Ok'});
74    },
75    'GET /api/tags': mockjs.mock({
76        'list|100': [{name: '@city', 'value|1-100': 150, 'type|0-2': 1}],
77    }),
78    // ...
79};

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More