前言:
微信小程序开发中,后端提供了接口设计文档,前端可以先mock数据模拟api请求进行开发调试,而且可以根据需要设计mock文件的格式和内容,这样在后端接口开发完成之前,前端可以最大限度的完成前端的开发。
编写mock数据文件:
mocklist.js
var mocklist = { //创建订单 createOrder: { order_id: "201904011503001", use_voucher: "1", timeStamp: "1554102168", nonceStr: "v21ebt7mty52r2", package: "", signType: "", paySign: "", }, //订单列表 orderList: { order_list: [{ order_id: "201904011503001", goods_name: "商品a", is_receive: "0", goods_small_img_url: "xxxx.jpg", expire_time: "有效期至2019年07月01日" }, { order_id: "201904011503002", goods_name: "商品b", is_receive: "0", goods_small_img_url: "xxxx.jpg", expire_time: "有效期至2019年07月01日" }, { order_id: "201904011503003", goods_name: "商品c", is_receive: "1", goods_small_img_url: "xxxx.jpg", expire_time: "有效期至2019年07月01日" }] } } module.exports.mocklist = mocklist;
封装网络请求文件: