微信小程序api封装

  • 2020 年 3 月 29 日
  • 笔记

写多 之后,吸取之前的经验,瞎写了一个简单的封装api,有幸看到的朋友,就随便看看哈,如果能给到你帮助就一直棒了,额呵呵呵!

  • 新建constant.js和api.js文件

    

 

 

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

    

 

 

  • api.js文件

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

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: "当前无网络,请检查网络设置后重新加载",                  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');      },  }

  • 引用

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

  

api.getIndex().then(res => {
  ......
//那到返回值之后要执行的内容 }

哈哈哈,完了