全部产品

mock

更新时间:2019-10-23 10:56:20

Kylin-plugin-mock 插件是针对在桌面浏览器(Chrome)中调试 JSAPI 的需要而开发的数据 mock 插件。

开启插件

在脚手架工程中,执行如下语句即可,其等价于运行命令时添加 --mock

  1. cnpm run dev:mock

使用插件

在项目的 ./mock/mock.config.js 文件中,有如下配置项:

  1. const config = {};
  2. // 用户自定义mock
  3. config.call = {
  4. // mock rpc 接口
  5. rpc: function (opts, callback) {
  6. var type = opts.operationType;
  7. var rpc = require('./rpc/' + type);
  8. var data = typeof rpc === 'function' ? rpc(opts) : rpc;
  9. // 防止在业务逻辑中对传入的对象进行了修改
  10. data = Object.assign({}, data);
  11. // 模拟服务端/网络接口延迟,此时会发现打了 2 次 log,一次是请求,一次包含返回结果
  12. setTimeout(() => {
  13. callback && callback(data);
  14. }, 2000);
  15. },
  16. }
  17. window.lunaMockConfig = config;

上述配置将 ./mock/rpc/*.js 中的接口进行数据映射。更多详细配置,可 获取代码示例 后查看。

示例

在执行 cnpm run dev:mock 后,会进入 mock 模式。该模式下在浏览器内执行 AlipayJSBridge.call('abc') ,会去 ./mock/jsapi/abc.js 寻找模拟接口数据。