一、小程序登錄授權(quán)流程圖

在開始闡述小程序登錄授權(quán)流程之前，可以先簡單地介紹一下小程序登錄授權(quán)流程圖，方便大家更好地理解整個流程。

+---------------------+              +---------------------+
|                     |              |                     |
|      微信小程序      |              |       微信開放平臺     |
|                     |              |                     |
+---------------------+              +---------------------+
           |                                     |
           |            1. 小程序請求授權(quán)        |
           +----------------------------------->|
           |            2. 授權(quán)登錄頁面          |
           |<-----------------------------------+
           |            3. 用戶同意授權(quán)          |
           +----------------------------------->|
           |                                     |
           |           4. 登錄成功，返回code      |
           |<-----------------------------------+
           |                                     |
           |            5. code換取session_key   |
           +----------------------------------->|
           |                                     |
           |           6. session_key解密用戶信息 |
           +----------------------------------->|
           |                                     |
           |           7. 返回用戶信息            |
           |<-----------------------------------+
           |                                     |

二、小程序授權(quán)登錄流程

當(dāng)用戶使用小程序時，小程序需要獲取用戶的基本信息作為登錄或其他業(yè)務(wù)的憑證。因此，小程序需要在用戶授權(quán)登錄之后才能獲取用戶信息。

小程序授權(quán)登錄流程如下:

小程序先向微信開放平臺請求授權(quán)，請求后，微信開放平臺會返回一個授權(quán)登錄頁面的url地址； 小程序?qū)⒃撌跈?quán)登錄頁面url地址返回給小程序端； 小程序?qū)⒃搖rl地址傳給網(wǎng)頁組件，網(wǎng)頁組件會在小程序中打開該授權(quán)登錄頁面； 用戶在授權(quán)登錄頁面上輸入自己的微信賬號和密碼進(jìn)行登錄驗證； 當(dāng)用戶登錄成功后，微信開放平臺會返回一個code碼給小程序端； 小程序通過該code碼向微信開放平臺請求換取用戶的openid和session_key，微信開放平臺返回用戶信息； 小程序獲取到用戶的openid和session_key成功之后，就可以實(shí)現(xiàn)相應(yīng)業(yè)務(wù)的邏輯。

三、小程序登錄驗證授權(quán)過程

在上一節(jié)中，我們已經(jīng)講解了小程序的授權(quán)登錄流程，在這一節(jié)中，我們深入探索一下如何進(jìn)行小程序登錄驗證授權(quán)。

首先，在小程序中，要使用微信登錄功能必須要先申請相應(yīng)的權(quán)限和信息，這一步需要在微信公眾平臺進(jìn)行操作。在微信公眾平臺上，我們可以進(jìn)行后臺配置，在小程序工程下的'?開發(fā)?-??開發(fā)設(shè)置’?中，可以配置小程序的AppID和AppSecret，在‘?小程序登錄’?項中可以進(jìn)行相關(guān)配置。

接下來，我們在小程序的相應(yīng)頁面進(jìn)行登錄授權(quán)業(yè)務(wù)時，需要構(gòu)造如下一個授權(quán)URL:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxappid&redirect_uri=url&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

參數(shù)說明：

appid: 小程序的appID; redirect_uri: 授權(quán)后重定向的回調(diào)鏈接地址，請使用url進(jìn)行編碼; response_type: 返回類型，請?zhí)顚慶ode; scope: 應(yīng)用授權(quán)作用域，固定值snsapi_login; state: 任意字符串，用于保持請求和回調(diào)的狀態(tài)，授權(quán)請求后原樣帶回給小程序.

例如：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxappid&redirect_uri=http%3A%2F%2Fwww.baidu.com&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

當(dāng)小程序拼接好授權(quán)URL之后，然后載入授權(quán)URL即可，它會跳轉(zhuǎn)到登錄頁面，用戶進(jìn)行登錄之后，會回調(diào)到小程序設(shè)置的回調(diào)鏈接地址，并帶上code，小程序接下來可以通過code獲取用戶信息。

例如，當(dāng)用戶登錄驗證成功之后，會回調(diào)到如下地址:

http://www.baidu.com/?code=001xxxxxxx&state=STATE

小程序可以從這個返回鏈接中的code參數(shù)獲取到用戶的code碼，拿到code碼之后，就可以進(jìn)行用戶信息的獲取。

四、小程序授權(quán)流程圖

我們來看一下小程序授權(quán)流程圖，它可以幫助我們更好的理解小程序授權(quán)登錄的整個流程。

+---------------------+                       +---------------------+
|                     |                       |                     |
|      微信小程序      |                       |       微信開放平臺     |
|                     |                       |                     |
+---------------------+                       +---------------------+
           |                                            |
           |         1. 接收授權(quán)事件通知                 |
           +------------------------------------------->|
           |                                            |
           |          2. 構(gòu)造授權(quán)鏈接，跳轉(zhuǎn)授權(quán)頁         |
           |<-------------------------------------------+
           |                                            |
           |          3. 用戶在授權(quán)頁中進(jìn)行授權(quán)           |
           +------------------------------------------->|
           |                                            |
           |          4. 根據(jù)返回的code獲取access_token   |
           |<-------------------------------------------+
           |                                            |
           |          5. 根據(jù)access_token獲取用戶信息     |
           +------------------------------------------->|
           |                                            |
           |          6. 返回用戶信息                    |
           |<-------------------------------------------+
           |                                            |

五、微信小程序?qū)崿F(xiàn)登錄流程

微信小程序?qū)崿F(xiàn)登錄流程主要有以下幾個步驟:

首先，在小程序開發(fā)者平臺的'設(shè)置'??'開發(fā)設(shè)置'??'小程序登錄'中設(shè)置授權(quán)回調(diào)域名。 在小程序中，使用wx.login()獲取用戶code碼，并將code碼傳到服務(wù)端； 服務(wù)端在收到code碼后，使用code碼通過微信API可換取access_token、openid和unionid（如果你在小程序后臺配置了“獲取用戶基本信息”，且用戶已經(jīng)同意授權(quán)）。如果沒有用戶基本信息，也可以通過access_token換取用戶信息。 服務(wù)端獲取到access_token和openid之后，可以進(jìn)行相應(yīng)的業(yè)務(wù)邏輯。

六、微信小程序授權(quán)給別人

微信小程序開放了小程序間的授權(quán)和分享API，可以方便地實(shí)現(xiàn)小程序間的數(shù)據(jù)傳輸和操作。

微信小程序授權(quán)給別人，需要完成以下幾個步驟:

在小程序后臺'設(shè)置'??'第三方授權(quán)'中添加授權(quán)方的appId; 被授權(quán)方在小程序中實(shí)現(xiàn)授權(quán)登錄，獲取到授權(quán)碼； 被授權(quán)方將授權(quán)碼傳遞到授權(quán)方的小程序服務(wù)端進(jìn)行校驗，如果校驗成功，授權(quán)方就可以拿到該用戶的信息了。

七、小程序拒絕授權(quán)恢復(fù)

小程序是否授權(quán)不能直接使用，但可以通過異常處理機(jī)制對用戶的授權(quán)狀態(tài)進(jìn)行判斷。

例如，在一個小程序中，用戶打開某個頁面需要授權(quán)登錄。如果用戶沒有授權(quán)，小程序就需要引導(dǎo)用戶進(jìn)行授權(quán)，可以彈出一個授權(quán)的對話框，請求用戶授權(quán)，如果用戶拒絕授權(quán)，可以使用小程序的返回首頁或者退出應(yīng)用的方式，讓用戶發(fā)現(xiàn)自己需要授權(quán)才可以進(jìn)行相關(guān)業(yè)務(wù)操作。

在小程序中，使用wx.getSetting()獲取用戶授權(quán)狀態(tài)，如果用戶沒有授權(quán)，可以使用wx.authorize()引導(dǎo)用戶進(jìn)行授權(quán)。

在用戶授權(quán)后，如果用戶想要重新拒絕授權(quán)或撤回授權(quán)，可以使用小程序提供的wx.openSetting()函數(shù)進(jìn)行調(diào)用，跳轉(zhuǎn)至授權(quán)設(shè)置頁面，讓用戶進(jìn)行相應(yīng)的操作。