E企盈营销工具技术服务商 热线:4006-838-530

对于小程序拦截器http请求

E企盈直播平台营销卖货系统

微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求,但是在微信小程序上,http请求只支持wx.request,所以需要我们针对wx.request进行封装,实现http拦截器的功能。第一步:创建一个request.js文件建议在utils下面创建一个request.js文件第二步:确定http、upload和websocket前缀const apiHttp =”https://此处填写自己的域名链接”;const socketHttp = “wss://…..com/wss”;request.js填写请求前缀第三步:封装wx.requestfuncton fun(url,method,data,header){data = data || {}header = header || {}let sectionId = wx.getStorageSync(“UserSessionId”);if(sessionId){……….//此处处理sessionId存在}wx.showNavigationBarLoading();let promise = new Promise(function(resolve,reject){wx.request({url:apiHttp +url,  header: header,  data:data,  method:method,  success: function(res){….  },  fail:reject,  complete:function(){….}});});return promise;}reject.js function fun在请求发出前处理http地址、请求头和参数、在响应后解析返回值并做基本的逻辑判断,重点是使用Promise对象。第四步:导出模块module.exports = {  apiHttp: apiHttp,  socketHttp: socketHttp,  “get”: function(url, data, header) {    return fun(url, “GET”, data, header);  },  “post”: function(url, data, header) {    return fun(url, “POST”, data, header);  },  upload: function(url, name, filePath) {    return upload(url, name, filePath);  }};request.js  导出模块第五步:使用requestconst Request = require(“/utils/request”);//导入模块Request.post(“/api/xcxWxLogin”, {  //调用方法              code: res.code,              encryptedData: resp.encryptedData,              iv: resp.iv,              shareId: share.shareId || “”,              salesmanId: share.salesmanId || “”,              source: share.source || “”}).then(res = { //成功回调        //todo}).catch(err = {}); //异常回调作者:Msgyvcici链接:https://www.jianshu.com/p/813dd09ad39c来源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 对于小程序拦截器http请求
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏