微信小程序的接口调用封装

Posted 孟~先~生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序的接口调用封装相关的知识,希望对你有一定的参考价值。

首先呢是http.js文件代码:::

const app = getApp();

var http = {

get: function(url, data, callback) {

data.access_token = wx.getStorageSync(access_token);

wx.request({

url: app.domain + url,

method: get,

header: {

companyId:21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token=+wx.getStorageSync("access_token")

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

post: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

 

wx.request({

url: app.domain + url,

method: post,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

put: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

 

wx.request({

url: app.domain + url + "?access_token=" + data.access_token,

method: put,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

delete: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

wx.request({

url: app.domain + url,

method: delete,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

}

};

将固定前缀等参数定义在app.js中

domain: http://a.test.cn/,

signKey: ec3c9d73689c4e24ae7e4783dda56a60,

 

举例调用:::

var staffId = this.data.staffData.staffId;

var fileId = this.data.fileData.fileId;

var accessUrl = this.data.avatar;

http.post("/updateAvatar", {

staffId: staffId,

accessUrl: accessUrl,

fileId: fileId

}, function (err, res) {

if (res.errCode == 0) {

const toast = Toast.success(修改成功);

Toast.clear();

}

})

 

以上是关于微信小程序的接口调用封装的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序如何调用后台接口

微信小程序接口调用

h5微信支付功能封装

微信小程序之封装常用的API接口请求以及工具类方法

微信小程序之封装常用的API接口请求以及工具类方法

微信小程序之封装常用的API接口请求以及工具类方法