一、背景

記得11、12年的時候大家一窩蜂的開始做客戶端Android、IOS開發(fā)，我是14年才開始做Andoird開發(fā)，干了兩年多，然后18年左右微信小程序火了，我也做了兩個小程序，一個是將原有牛奶公眾號的功能遷移到小程序，用戶體驗得到極大的提升，另外一個是給XX做的一個簡單的賣蜂蜜的小程序，當(dāng)時投入3個人，兩周左右搞定。

濟(jì)南微信小程序開發(fā)其實還是比較簡單的，小程序端代碼和Vue整體架構(gòu)差不多，比較復(fù)雜的就是登錄和支付這兩塊，因為這兩塊涉及到三方交互（小程序端、開發(fā)者服務(wù)器、微信服務(wù)端），今天講一下登錄這塊是怎么一個交互的（這個18年時候做的事情，現(xiàn)在微信有些接口可能有所調(diào)整，但變化不會太大）

二、一些名詞概念

1、openid：普通用戶標(biāo)記，對當(dāng)前開發(fā)者賬號是唯一的，一個openid對應(yīng)一個具體的應(yīng)用，不同的公眾號不同的小程序會給同一個微信用戶分配不同的openid。

2、unionid：微信用戶統(tǒng)一標(biāo)記，一個開放平臺賬號下同一個微信用戶unionid是唯一的，需要在微信開放平臺綁定公眾號/小程序。

案例說明：牛奶應(yīng)用開始是開發(fā)公眾號-服務(wù)號，這個時候用戶注冊到我們表里會有一個openid_1，然后小程序火起來了，我們決定開發(fā)小程序，但小程序會重新給同一個用戶分配一個openid_2,這就不好了，你不能讓一個用戶在公眾號上可以看到他自己的訂單，然后跑到小程序后找不到訂單是吧，咋整呢，微信還有一個開放平臺，你再申請一個郵箱去注冊一下開放平臺，然后把公眾號和小程序都在里邊綁定一下，這樣他就會給你分配一個統(tǒng)一的unionid。

3、session_key：用于用戶解密微信用戶數(shù)據(jù)，接口返回敏感數(shù)據(jù)是密文的，如unionId，手機(jī)號等，需要用session_key做為密鑰去解密。

三、微信提供和登錄相關(guān)幾個主要接口

小程序端調(diào)用

1、wx.login()：獲取臨時登錄憑證CODE，有效時間為5分鐘，使用后就立即失效。

2、wx.authorize()：發(fā)起用戶授權(quán)請求，如要獲取用戶信息，地理位置，保存相冊、攝像頭等需要調(diào)用該接口得到用戶的授權(quán)。

3、wx.getUserInfo()：得到加密碼的用戶數(shù)據(jù)，返回encryptedData數(shù)據(jù)，加密向量值IV，將數(shù)據(jù)傳給服務(wù)端，服務(wù)端完成解密用戶信息注冊等，調(diào)用該接口前必須先調(diào)用上面兩個方法。

開發(fā)者服務(wù)器調(diào)用

1、jscode2session：通過CODE獲取openid、unionid、sessiooo_key。

四、調(diào)用交互圖