一、對小程序的request的封裝

寫過小程序的應(yīng)該知道，微信的request不封裝基本上不能用，寫的顯的太冗長，而且是回調(diào)式的，回調(diào)地獄什么的就不說了，可讀性差。

下面是我的封裝代碼，順便支持一下promise。

function baseRequest({ url, method, header, data, complete }, resolve, reject) { wx.request({ url, method, header, data, success: function (res) {  // 需要判斷服務(wù)器code的用這一段  // 我司服務(wù)器返回0表示真正的成功，其他code表示各種錯誤碼  // 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. 將上面的代碼寫到一個獨立的文件里，我的命名為network.js。

2. 然后將其綁定到全局的 wx 對象身上。 wx.Network = require('./network.js')。(在app.js里面綁定)

3. 實例如下

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

二、登錄鎖

基本的request請求封裝完了后，還有一些特殊的需求，比如

1. 在首頁我會進行登錄， 登錄后獲得token, 然后我拿著token去請求其他需要token才可以請求的接口 (比如個人購物信息)

2. 這個時候一種做法是登錄完成前不進行需要token的請求，并且有蒙板進行攔截操作（正在登錄ing...）

3. 對于我公來說這種方法有一個致命的弊端，就是在高并發(fā)的情況下，服務(wù)器的壓力很大，首頁的登錄接口很慢才有返回（進首頁即自動登錄），這個時候，用戶看到的界面就是loading，而且可能時間比較長，如果用戶對你的產(chǎn)品粘性不高，絕大部分人直接就走了

4. 為了優(yōu)化這種情況下的用戶體驗，我們?nèi)嫒∠说卿浀膌oading，替換成了“登錄鎖”的形式

5. 效果為未登錄調(diào)用需要token的接口時，不請求，直到登錄完成后才會請求