npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@51npm/freedom-middleware-mock2easy

v1.0.0

Published

用于管理前端开发中用到的后端接口中间件服务

Downloads

8

Readme

简介

freedom-middleware-mock2easy是基于开源项目mock2easy修改而来的用于管理前端开发中用到的后端接口中间件服务,简单易用

感谢mock2easy的作者,访问mock2easy请点击

api提供参数设置

option:object类型,配置项目,目前只提供端口设置
  - port:number类型,mock启动的端口
  - doc:string类型,mock文档存储路径,可以不写,不写默认为当前目录下,即:__dirname + doc
  - database:string类型,接口mock数据存储目录,可不写,不写默认为当前目录下,即:__dirname + mock2easy

如何使用

const mock2easy = require("@51npm/freedom-middleware-mock2easy");
(async function(){
  await mock2easy({port:8080});
})();

mock2easy开源项目介绍

##什么是mock2easy?

  1. 结合Mockjs使静态的接口活起来

  2. 接口自动化测试

  3. 接口地址重定向多功能于一身的工具

  4. 结合Gitbook整理专业接口文档

  5. 支持多平台暂时提供 grunt、gulp 和 webpack 平台。

尝试一下一定会帮你解决很大问题~

基本配置

options.port

Type: Number

Default value: 3000

service port of the starting service

启动的服务的端口号

options.lazyLoadTime

Type: Number

Default value: 3000

enable lazy-loading interface, the delayed time of executing the interface

启动接口延时加载,调用接口的延迟时间

options.database

Type: String

Default value: mock2easy

location of the generated interface data

接口数据的生成位置

options.doc

Type: String

Default value: doc

location of the generated interface documents

接口文档的生成位置

options.curl

Type: Object

Default value: false

By default leave it blank. If not empty then instead of accessing the local mock data, use will access the service interface through Curl

默认为不写,如果写了的话优先于Curl请求,所有的接口将不再访问本地的mock数据,改为通过Curl访问服务端的接口,我们可以通过这个参数轻松实现ajax请求重定向,我们的ajax可以轻松跨域访问,非常适合联调测试。

 curl: {
      domain: 'http://10.1.28.217:8080',
       parameter: {
       },
       Cookie: ''
    }

options.interfaceSuffix

Type: Sting

Default value: .json

Default value is .json, all generated interface end with .json. All the interface end with ‘.action’, you can change the attribute to .action

默认为.json ,产生的接口都是以.json为后缀的,若你的接口全部都是.action结尾的话,可以将该属性更改为.action。 后缀不能设置为.mock2easy 该后缀已经占用。

options.interfaceRule

Type: RegEx

Default value: null

接口拦截方案,通过正则表但是的方式进行请求接口拦截,如果options.interfaceRule 参数设定,则options.interfaceSuffix 将会失效。

options.ignoreField

Type: Array

Default value: []

Default value is []. It is ok to add ignorable request parameters. Each time when sending request, these key words will not be verified.

默认为[],可以添加忽略的请求参数,在每次发起请求的时候不去校验这些字段,例如:__preventCache等字段,可能不是我们想要的校验的参数。

options.preferredLanguage

Type: String

Default value: 'en'

支持多语言,默认是英文,将 参数设为 cn,将展示为中文,欢迎提供其他语言的翻译支持,国际化代码地址

Default value is en, en/cn EN/中文

不同的平台配置Demo

Grunt

Grunt平台请使用插件

Gulp

gulp.task('serve', ['styles', 'fonts'], function () {

  // 在这配置mockeasy的配置
  var options = {
	options.port,
    lazyLoadTime: 3000,
    database: 'mock2easy',
    doc: 'doc',
    ignoreField: [],
    interfaceSuffix: '.json',
    preferredLanguage: 'en'
  };

 // 启动mock2easy,注意demo例子里端口号为3000,请避开端口重复 
  require('mock2easy')(options, function (app) {
    try {
      app.listen(options.port, function () {
        console.log(('mock2easy is starting , please visit : http://localhost:' + options.port).bold.cyan);
      });
    } catch (e) {
      console.log(e);
    }
  });


  browserSync({
    notify: false,
    port: 9000,
    server: {
      baseDir: ['.tmp', 'app'],
      routes: {
        '/bower_components': 'bower_components'
      },
      middleware: [require('./mock2easy/do')] //注意这里来定义middleware ,如果不配置的话将不能对接口进行拦截
    }
  });

  ...
});

Support of mockjs mockjs的支持

The default folder for the generated documents is ./doc/. Push it to git for direct review.

文档生成默认在 ./doc/ 目录下,push 到 git 上可以直接查看

Support all the mockjs grammar, Mockjs grammar examples

支持所有的mockjs语法,Mockjs语法样例

If you have any idea or suggestion, please connect me:[email protected]

如果有好的建议和意见请联系我:[email protected]

Click here to view the use case>>

使用案例请戳我>>

Basic UI 基本界面

Main UI 主界面

  1. Simulate the lazy-loading status. Easy to check if the loading status is properly handled

    方面模拟访问延时状态,轻松检查 loading 状态是否合理处理。

  2. Record interface (similar to postman operation), easily access remote interface through curl, (make sure the system supports curl command). Also record the interface to the local interface base.

    录制接口(类似 postman 操作),轻松通过 curl ( 保证系统支持curl命令 )访问远程接口,并将接口录制入本地接口库。

  3. Access local interface base, automatically check if the interface has any issue. Easy to keep the consistency of the code in local interface base and the code in js execute interface. Besides, make sure the interface document and script the same at real time

    访问本地接口库,自动检查接口是否存在异常,轻松保持本地接口库代码和 js 调用接口代码保持一致,并且确保接口文档实时和脚本保持一致。

image

接口操作页面

  1. Dynamic interface, use Mockjsas support, can dynamically and randomly generate the interface

    动态接口,使用 Mockjs 作为支持,可以动态随机生成接口。

  2. Dynamic interface can access any node and add comments.

    动态接口,可以轻松在任何一个节点上加上注释。

  3. Static interface. If the interface data is too complex for mock2easy to meet your requirement. Please use static interface.

    静态接口,如果接口数据过于复杂,mock2easy 无法满足您的需求,请选用静态接口。

  4. Switch between json and jsonp

    json 和 jsonp 互相切换

image

Interface documentation 接口文档

Interface menu>>

image

Interface details>>

image