微信小程序API封装经验

来源：未知 浏览 143次 时间 2021-06-10 15:54

写多 之后犍为网站快速排名

写多 之后吸取之前的经验瞎写了一个简单的封装api犍为网站快速排名瞎写了一个简单的封装api有幸看到的朋友就随便看看哈如果能给到你帮助就一直棒了犍为网站快速排名如果能给到你帮助就一直棒了额呵呵呵！

新建constant.js和api.js文件

微信小程序api封装经验

在constant.js中统一定义ip地址

　　　　

微信小程序api封装经验

　　　对应的返回状态码要根据怎么公司的返回码的规定改了哈

let CONSTANT = require('./constant') // 从本地存储Storage中获取token值 function getToken() { return wx.getStorageSync(CONSTANT.TOKEN); } // 创建请求头header的内容 function buildHeaders(isJson) { let headers = { "Content-Type": isJson ? 'application/json' : "application/x-www-form-urlencoded", "version": CONSTANT.MINI_VERSION, }; const token = getToken(); if (token) { headers["token"] = token; } return headers; } // 发起 HTTPS 网络请求。 let baseURL = CONSTANT.API_URL; function fetchApi(baseURL, url, params, method, isJson) { // wx.getNetworkType判断网路类型。eg：wifi、2g、3g...;none值表示无网路 wx.getNetworkType({ success: function(res) { // &&表示“并”"none" === e.networkType如果为真才会去执行&&后面的内容否则不执行 "none" === res.networkType && (wx.hideLoading(), wx.showModal({ title: "提示", content: "当前无网络犍为网站快速排名否则不执行 "none" === res.networkType && (wx.hideLoading(), wx.showModal({ title: "提示", content: "当前无网络请检查网络设置后重新加载", showCancel: false })); } }); return new Promise((resolve, reject) => { wx.request({ url: `${baseURL}${url}`, method: method, header: buildHeaders(isJson), data: params, success: function(res) { // 成功返回statusCode参数表示开发者服务器返回的 HTTP 状态码 // 统一拦截提示错误 // var o = res.statusCode; // if (o !== 200 && [21020000, 41020001, 41020003, 21020002].indexOf(res.data.status) == -1) { // wx.hideLoading(); // wx.showModal({ // title: "提示", // content: res.data.msg // }); // return; // } 2020.3.9 // 41020001表示未登录那就要去拿code值 // 21020002表示登录超时 // 并重新请求获取token值 if (41020001 == res.data.status || 21020002 === res.data.status) { wx.login({ success: res => { wx.request({ url: baseURL + "/api/user/login", method: "GET", header: { "token": "", "version": CONSTANT.MINI_VERSION, }, data: { code: res.code, }, success: function(res) { wx.removeStorageSync(CONSTANT.TOKEN); if (21020000 === res.data.status) { wx.setStorageSync(CONSTANT.TOKEN, res.data.data); console.log("already refresh token"); fetchApi(url, url, params, method); } } }); } }); } // 41020003表示未授权了直接跳转到授权页（请求授权获取用户信息） else if (41020003 == res.data.status) { wx.redirectTo({ url: "/pages/accredit/accredit" }); } else { resolve(res.data); } }, fail: function(res) { reject(res.data); console.log("network fail.", res); }, complete: function(res) { reject(res.data); // console.log('complete', res); } }); }); }; module.exports = { // 首页 getIndex(params) { return fetchApi(baseURL, '/api/index', params, 'GET'); }, }

引用

　　在需要的页面引用也可以只引用你需要的那一个方法也行的额　　

　　

标签： resfunctiontokenamp

上一篇: 功能完善的小程序日历组件，php日历小插件
下一篇: 微小小层渲染的「同好」踩着 坑记

热门文章

最新文章

QQ咨询