Pr omise在微信小程序登錄中的應用

周嵐

（江蘇聯(lián)合職業(yè)技術學院徐州財經(jīng)分院，江蘇 徐州 221008）

關鍵字：Promise；異步回調(diào)；異步請求；微信小程序

1 引言

微信小程序已被廣泛應用，在使用過程中信息登錄必不可少，那么，在微信小程序登錄過程中獲取微信用戶信息時，需要進行多個有關聯(lián)的異步請求操作，獲取用戶加密信息，然后對其解密并返回。傳統(tǒng)的異步回調(diào)嵌套方法造成程序可讀性差，程序執(zhí)行性能低下。而Promise在Javascript中主要是解決回調(diào)地獄。回調(diào)地獄即異步任務的層層嵌套導致代碼臃腫問題，而Promise鏈式調(diào)用可以很好地解決這種代碼問題，它解決了微信小程序獲取微信用戶信息時多個異步操作請求問題，對異步請求功能劃分更明確，大大提高了程序的可讀性，并提供了良好的錯誤處理邏輯。

2 相關技術

2.1 Promise

ECMAscript 6原生提供了Promise對象。Promise對象代表了未來將要發(fā)生的事件，用來傳遞異步操作的消息。Promise對象有三種狀態(tài)：pending，初始狀態(tài)；fulfilled，操作成功完成狀態(tài)[1]；rejected，操作失敗狀態(tài)。只有異步操作的結果可以決定當前是哪一種狀態(tài)，任何其他操作都無法改變這種狀態(tài)。Promise的出現(xiàn)解決了傳統(tǒng)Javascript異步回調(diào)嵌套模式，大大提高了程序的可讀性[2]。比如，通過下面代碼獲取當前日期的程序來模擬Javascript傳統(tǒng)異步回調(diào)操作，具體代碼如下：//setTimeout()是屬于window的method,但我們都是略去window這頂層物件名稱，這是用來設定一個時間,時間到了,就會執(zhí)行一個指定的method。

在上面的程序中，要獲取年月日的信息，需要等待3秒鐘才可以返回，代碼嵌套層數(shù)較多，可讀性較差，如果我們采用Promise來改寫，將會大大提高代碼的可讀性，具體代碼如下：

使用Promise來實現(xiàn)Javascript異步操作，對函數(shù)的功能劃分更清晰，大大提高了程序的可讀性。

2.2 微信小程序登錄獲取用戶信息

微信小程序在登錄獲取微信用戶信息時，需要將wx.login()函數(shù)生成code值、APPID和APPSecret發(fā)送到微信服務器，微信服務器將返回用戶信息的加密字符串，然后小程序再次將加密的用戶信息字符串發(fā)送到第三方服務器進行解密并返回用戶的基本信息，具體時序圖如圖1所示。

圖1 微信小程序獲取用戶信息時序圖

當用戶小程序在獲取用戶信息時，尤其是敏感信息，需要先進行wx.login（）異步請求操作，當微信服務器返回用戶openID和session_key后，再次進行wx.getUserInfo（）請求用戶基本信息，返回的基本信息對敏感信息進行了加密，所以根據(jù)返回的加密信息encryptedData和解密算法的初始向量iv再次請求第三方服務器進行解密操作，最終將用戶信息返回。在進行wx.login（）和wx.getUserInfo（）有先后的順序，并且在服務端wx.getUserInfo（）要用到wx.login（）請求返回的session_key，所以在客戶端小程序中采用了Promise按照先后順序依次進行異步請求[3]。

3 具體實現(xiàn)

在微信小程序登錄過程中獲取用戶信息主要分為三步：微信登錄，獲取加密的用戶信息和解密用戶信息。

3.1 微信登錄

當小程序啟動時，首先調(diào)用wx.login（）函數(shù)，返回用戶openID和session_key，但是根據(jù)官方文檔要求，盡量不要在網(wǎng)絡上傳輸session_key，可以將其保存在服務器端，并將返回的數(shù)據(jù)作為下次異步請求的參數(shù)[4]，具體代碼如下：

當請求響應成功后，返回的數(shù)據(jù)格式是Json數(shù)據(jù)格式，包含了openId和請求的code值，在請求獲取用戶信息時作為參數(shù)傳遞進去[5]。

3.2 獲取加密用戶信息

wx.getUserInfo（）用戶獲取用戶基本信息時，首先會詢問用戶授權，如果用戶授權同意獲取微信基本信息，將返回用戶的基本信息，但是不包含openId和unionId等敏感信息[6]，具體代碼如下：

將getOpenID函數(shù)返回的值以及wx.getUserInfo（）返回的userInfo信息作為數(shù)組參數(shù)下一次解密用戶信息的異步請求[7]。

3.3 解密用戶信息

wx.getUserInfo（）將返回的encryptedData信息和解密算法的初始向量iv傳遞到服務器端進行解密，具體代碼如下：

當小程序在啟動時，使用Promise實現(xiàn)了獲取用戶基本信息的多個異步請求操作，具體代碼如下：

使用Promise既保證了異步請求的有效性，同時又大大提高了代碼的可讀性。

4 結語

本文通過對Javascript中的Promise對象的介紹，并結合微信小程序在登錄過程中獲取用戶信息的多個異步請求，解決了多個異步請求的順序執(zhí)行，保證了數(shù)據(jù)傳遞的有效性，并有效提高了代碼的可讀性。