小程序 mock 开发

之前 做 h5 页面的时候习惯了 mock  模拟数据开发,自己模拟数据,不用麻烦后端,方便快捷,保存代码在项目中,以后排查bug 也很方便。

现在做小程序,想把那一套也带到小程序来,自己尝试了半天,发现行不通,网上那种 if else 的方法太麻烦了,而且毫无意义,不用mock 也能做到,最后还是 安利了 同事的插件后才完美 的把 mock 应用到 小程序中(同事是个大神)。了解更多 https://www.npmjs.com/package/@shymean/mock-server

流程是这样的

1. 安装插件   npm i @shymean/mock-server -g

2.在项目中 随意找个地方 新建 _mock.js 文件 , 里面写mock接口,如下,第一个参数为 正则语法 , mock 会拦截 符合条件的接口,返回第二个参数。

小程序 mock 开发

小程序 mock 开发

3. 工具准备好了, 得用,在  _mock.js 所在的目录下  执行   mock

小程序 mock 开发

4. 可以看到 我们起了一个 mock 服务 , 监听的端口是 7654 , 所以我们要去修改 请求的 端口 才能被 mock 正确拦截到,所以接口访问的 域名应该是  http://127.0.0.1:7654    或者  localhost:7654

5. 万事俱备 ,你就可以看到 小程序里面 返回的数据 是你自己 模拟的啦~  想要什么数据 自己改~

小程序 mock 开发