有小程序开发的经验者,相信对微信API Request很熟悉了。对接接口时,有大部分的开发者都是直接调用request方法,去请求后台接口并渲染数据。诚然,直接使用api发起请求对接接口开发速度是快的,可是,一旦对接的接口多了起来,这样简单,直接的方法出现了很多缺陷。
难以维护。域名被换或者接口名被换,修改接口名得一个个文件找,而且可能不清楚有多少文件调用了需要修改的接口,导致效率低下
难以管理。无法了解到底用了哪些接口,难于统一修改,除非一个个找出了,并其归纳
代码重复。有些接口参数复用率很高,比如token、code…。调用接口总是要写上一两遍,验证是否登录也总是要带上
要是你不了解ES6 Promise,推荐看这个文档https://www.jianshu.com/p/063f7e490e9a
一、在utils文件夹创建base.js、https.js、ports.js三个js文件
base.js用于管理域名
https.js用于请求前的处理和请求后的处理
ports.js用于封装一个个接口
二、处理https.js,封装get和post请求,简单处理请求前后的问题
https.js:
//封装GET请求
function _get({url,data}){
//为了用户体验,加一个loading效果