微信小程序封装api接口
一.在until文件夹下面创建api.js和http.js(文件名可以自定义,后期引入的时候要注意)
2.在http.js里面写一下公共域名,请求方式等,需要再api.js里引用(以下代码复制即刻,需改一下域名)
module.exports = {
http(url, method, params) {
let token = 'token' // 获取token,自行获取token和签名,token和签名表示每个接口都要发送的数据
let sign = 'sign' // 获取签名 (后台怎么定义的,就传什么)
let data = {
token,
sign
}
if (params.data) { // 在这里判断一下data是否存在,params表示前端需要传递的数据,params是一个对象,有三组键值对,data:表示请求要发送的数据,success:成功的回调,fail:失败的回调,这三个字段可缺可无,其余字段会忽略
for (let key in params.data) { // 在这里判断传过来的参数值为null,就删除这个属性
if (params.data[key] == null || params.data[key] == 'null') {
delete params.data[key]
}
}
data = { ...data, ...params.data }
}
wx.request({
url: '域名' + url, // 就是拼接上前缀,此接口域名是开放接口,可访问
method: method == 'post' ? 'post' : 'get', // 判断请求类型,除了值等于'post'外,其余值均视作get 其他的请求类型也可以自己加上的
data,
header: {
'content-type': 'application/json'
},
success(res) {
params.success && params.success(res.data)
},
fail(err) {
params.fail && params.fail(err)
}
})
}
}
3.在api.js里面要定义接口,管理所以接口.便于维护,在该文件中需引入http.js文件(以下代码复制即刻)
// 在这里面定义所有接口,一个文件管理所有接口,易于维护
import { http } from './http'; // 引入刚刚封装好的http模块,import属于ES6的语法,微信开发者工具必须打开ES6转ES5选项
function femaleNameApi(params) { // 请求***接口
http('/getDate', 'get', params) // 接口请求的路由地址以及请求方法在此处传递
}
// 每一个接口定义一个函数,然后暴露出去,供逻辑代码调用
function novelApi(params) { // 请求***接口
http('/novelApi', 'get', params)
}
export default { // 暴露接口
femaleNameApi,
novelApi
}
4.在相对应的文件里面调用api.js文件
如有疑问敬请留言评论!