mock
Kylin-plugin-mock 插件是针对在桌面浏览器(Chrome)中调试 JSAPI 的需要而开发的数据 mock 插件。
开启插件
在脚手架工程中,执行如下语句即可,其等价于运行命令时添加 --mock
:
cnpm run dev:mock
使用插件
在项目的 ./mock/mock.config.js
文件中,有如下配置项:
const config = {};
// 用户自定义mock
config.call = {
// mock rpc 接口
rpc: function (opts, callback) {
var type = opts.operationType;
var rpc = require('./rpc/' + type);
var data = typeof rpc === 'function' ? rpc(opts) : rpc;
// 防止在业务逻辑中对传入的对象进行了修改
data = Object.assign({}, data);
// 模拟服务端/网络接口延迟,此时会发现打了 2 次 log,一次是请求,一次包含返回结果
setTimeout(() => {
callback && callback(data);
}, 2000);
},
}
window.lunaMockConfig = config;
上述配置将 ./mock/rpc/*.js
中的接口进行数据映射。更多详细配置,可 获取代码示例 后查看。
示例
在执行 cnpm run dev:mock
后,会进入 mock 模式。该模式下,在浏览器内执行 AlipayJSBridge.call('abc')
,会去 ./mock/jsapi/abc.js
寻找模拟接口数据。