摘要：需要判斷服務(wù)器的用這一段我司服務(wù)器返回表示真正的成功，其他表示各種錯(cuò)誤碼如何使用將上面的代碼寫(xiě)到一個(gè)獨(dú)立的文件里，我的命名為。

寫(xiě)過(guò)小程序的應(yīng)該知道，微信的request不封裝基本上不能用，寫(xiě)的顯的太冗長(zhǎng)，而且是回調(diào)式的，回調(diào)地獄什么的就不說(shuō)了，可讀性差。
下面是我的封裝代碼，順便支持一下promise。

function baseRequest({ url, method, header, data, complete }, resolve, reject) {
  wx.request({
    url,
    method,
    header,
    data,
    success: function (res) {
      // 需要判斷服務(wù)器code的用這一段
      // 我司服務(wù)器返回0表示真正的成功，其他code表示各種錯(cuò)誤碼
      // if (res.data.code === 0) {
      //   resolve(res)
      // } else {
      //   reject(res)
      // }
      resolve(res)
    },
    fail: function (res) {
      reject(res)
    },
    complete: function (res) {
      complete(res)
    }
  })
}

function requestPromise( options ) {
  let req = new Promise((resolve, reject) => {
    baseRequest(options, resolve, reject)
  })
  return req
}

function get(options) {
  options.method = "GET"
  return requestPromise(options)
}

function post(options) {
  options.method = "POST"
  if (!options.header) {
    options.header = {}
  }
  options.header["Content-Type"] = "application/x-www-form-urlencoded"
  return requestPromise(options)
}

function put(options) {
  options.method = "PUT"
  if (!options.header) {
    options.header = {}
  }
  options.header["Content-Type"] = "application/x-www-form-urlencoded"
  return requestPromise(options)
}


module.exports = {
    get,
    post,
    put
}

如何使用：
1. 將上面的代碼寫(xiě)到一個(gè)獨(dú)立的文件里，我的命名為network.js。
2. 然后將其綁定到全局的 wx 對(duì)象身上。 wx.Network = require("./network.js")。(在app.js里面綁定)
3. 實(shí)例如下

wx.Network.get({
    url: "xxx.xxx.xxx", // 請(qǐng)求路徑
    data: {
        a: "a"    // 參數(shù)列表
    }
  }).then(res => {
      console.log("請(qǐng)求成功")
  }).catch(res => {
      console.log("請(qǐng)求失敗")  
  })

基本的request請(qǐng)求封裝完了后，還有一些特殊的需求，比如
1. 在首頁(yè)我會(huì)進(jìn)行登錄， 登錄后獲得token, 然后我拿著token去請(qǐng)求其他需要token才可以請(qǐng)求的接口 (比如個(gè)人購(gòu)物信息)
2. 這個(gè)時(shí)候一種做法是登錄完成前不進(jìn)行需要token的請(qǐng)求，并且有蒙板進(jìn)行攔截操作（正在登錄ing...）
3. 對(duì)于我公來(lái)說(shuō)這種方法有一個(gè)致命的弊端，就是在高并發(fā)的情況下，服務(wù)器的壓力很大，首頁(yè)的登錄接口很慢才有返回（進(jìn)首頁(yè)即自動(dòng)登錄），這個(gè)時(shí)候，用戶(hù)看到的界面就是loading，而且可能時(shí)間比較長(zhǎng)，如果用戶(hù)對(duì)你的產(chǎn)品粘性不高，絕大部分人直接就走了
4. 為了優(yōu)化這種情況下的用戶(hù)體驗(yàn)，我們?nèi)嫒∠说卿浀膌oading，替換成了“登錄鎖”的形式
5. 效果為未登錄調(diào)用需要token的接口時(shí)，不請(qǐng)求，直到登錄完成后才會(huì)請(qǐng)求
6. 即如果這個(gè)請(qǐng)求需要token，那么先判斷有沒(méi)有登錄，如果沒(méi)有登錄，啟動(dòng)定時(shí)器一段時(shí)間后(200ms)，再次判斷，如果已經(jīng)登錄，發(fā)出請(qǐng)求，如果沒(méi)有，重復(fù)以上操作

加了登錄鎖后的代碼如下: ( 添加了新的 wait 函數(shù)，調(diào)用get,post,put時(shí)增加第二個(gè)參數(shù)，表示是否需要token )

function baseRequest({ url, method, header, data, complete }, resolve, reject) {
  wx.request({
    url,
    method,
    header,
    data,
    success: function (res) {
      // 需要判斷服務(wù)器code的用這一段
      // 我司服務(wù)器返回0表示真正的成功，其他code表示各種錯(cuò)誤碼
      // if (res.data.code === 0) {
      //   resolve(res)
      // } else {
      //   reject(res)
      // }
      resolve(res)
    },
    fail: function (res) {
      reject(res)
    },
    complete: function (res) {
      complete(res)
    }
  })
}

function wait(options, needToken, resolve, reject) {
  if (needToken) {
    var token = wx.getStorageSync("token")
    if (!token) {
      setTimeout(() => {
        wait.apply(null, arguments)
      }, 200)
    } else {
      if (!options.header) {
        options.header = {}
      }
      options.header["token"] = token
      baseRequest(options, resolve, reject)
    }
  } else {
    baseRequest(options, resolve, reject)
  }
}

function requestPromise( options, needToken = true ) {
  let req = new Promise((resolve, reject) => {
    wait(options, needToken, resolve, reject)
  })
  return req
}

function get(options, needToken) {
  options.method = "GET"
  return requestPromise(options, needToken)
}

function post(options, needToken) {
  options.method = "POST"
  if (!options.header) {
    options.header = {}
  }
  options.header["Content-Type"] = "application/x-www-form-urlencoded"
  return requestPromise(options, needToken)
}

function put(options, needToken) {
  options.method = "PUT"
  if (!options.header) {
    options.header = {}
  }
  options.header["Content-Type"] = "application/x-www-form-urlencoded"
  return requestPromise(options, needToken)
}


module.exports = {
    get,
    post,
    put
}

如何使用：（使用方式和上面一樣，只是調(diào)用的時(shí)候多一個(gè)參數(shù)）
1. 將上面的代碼寫(xiě)到一個(gè)獨(dú)立的文件里，我的命名為network.js。
2. 然后將其綁定到全局的 wx 對(duì)象身上。 wx.Network = require("./network.js")。(在app.js里面綁定)
3. 實(shí)例如下

wx.Network.get({
    url: "xxx.xxx.xxx", // 請(qǐng)求路徑
    data: {
        a: "a"    // 參數(shù)列表
    }
  }, true  // 增加第二個(gè)參數(shù)，true表示需要token， false表示不需要
  ).then(res => {
      console.log("請(qǐng)求成功")
  }).catch(res => {
      console.log("請(qǐng)求失敗")  
  })