grunt-mock2easy

0.4.3 • Public • Published

grunt-mock2easy

Implement ajax cross-domain access through the service in nodejs. Use Curl to access to the interface. Ulitize mockjs to generate json interface dynamically. Support jsonp format, simulate various server environment, test the interfaces and generate the interface documents.

通过nodejs的服务实现ajax的跨域访问,使用Curl获取接口,利用mockjs动态生成json接口,支持jsonp格式,模拟多种服务器环境,测试接口并且生成接口文档

Demo

click grunt-mock2easy-demo

1. Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-mock2easy --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-mock2easy');

2. The "mock2easy" task

Overview

In your project's Gruntfile, add a section named mock2easy to the data object passed into grunt.initConfig().

 
//DEMO 1
 
// access the local static mock data 
// 访问本地静态mock数据
grunt.initConfig({
    mock2easy: {
        test:{
            options: {
                port:3000,
                lazyLoadTime:3000,  
                database:'database',
                doc:'doc',   
                keepAlive:true, 
                ignoreField:['__preventCache'],  
                interfaceSuffix:'.json'
                preferredLanguage:'en'  
            }
        }
   },
});
 
 
//DEMO 2
 
// access the interface data of the server using Curl 
// (Solve the alignment difficulties. All interfaces will 
// automatically proceed cross-domain access. If it is a 
// Windows system, please install the curl command) for system)
 
// 通过Curl访问服务端的接口数据(解决联调困难,所有接口自动进
// 行跨域访问,如果是 windows系统,请先为系统安装 curl 命令)
 
 mock2easy: {
      test: {
        options: {
          port: 3000,
          lazyLoadTime:3000, 
          database: 'database',
          keepAlive: false,
          ignoreField: ['__preventCache', 'secToken'],
          interfaceSuffix:'.json' 
          curl: {  
            domain: 'http://hello.console.demo.com',  
            parameter: { 
              secToken: 'jimZPPU1MZtLmjFXnxCl22'
            },
            Cookie: 'kRm9JWrHB9%2B%2Bq84dcf4tLAUfECcVq5NknX2Rs9ic'
          }
        }
      }
    }
 

Options

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.keepAlive

Type: Boolean

Default value: true

Default value is true. If the value is true, a separate service interface will be executed to support. If the value is false, the service will be task list

默认为truetrue时可以独立起一个服务提供接口,false时可以和别的grunt服务组合成为一个任务串

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访问服务端的接口

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

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'

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

3. Change grunt-contrib-connect configuration

修改 grunt-contrib-connect 配置

Through the middleware parameters of the connect forward the interface to mock2easy to handle

通过 connect 的 middleware 参数将接口转发至 mock2easy 进行处理

Change the connect configuration in the Gruntfiles.js

修改 Gruntfile.js 中 connect的配置

  
  // import do.js script file which is generated in the data 
  // interface Change the connect configuration in the `Gruntfiles.js`
  connect: {
     server: {
       options: {
         middleware:  function(connect) {
             return [
               require('./database/do')   // 引入数据接口生成文件中的do.js脚本
               
               
             ];
           },
       },
     },
   },
 

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:lhui3it@gmail.com

如果有好的建议和意见请联系我:lhui3it@gmail.com

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

Dependencies (4)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i grunt-mock2easy

    Weekly Downloads

    11

    Version

    0.4.3

    License

    none

    Last publish

    Collaborators

    • applelihui
    • flyinhighwj