這兩天，和微信掃碼登錄這個(gè)功能杠上了。

為什么？？？

大家都知道，個(gè)人網(wǎng)站我做了很多，而我的每個(gè)網(wǎng)站都有登錄/注冊(cè)相關(guān)的功能。無(wú)一例外我的網(wǎng)站都是通過(guò)賬號(hào)和密碼這種形式進(jìn)行登錄/注冊(cè)，而前兩天有人和我說(shuō)這樣太麻煩了，搞個(gè)掃碼登錄多方便??！

你還別說(shuō)，我以前是真考慮過(guò)，但那會(huì)不是趕工期嘛，就沒(méi)去過(guò)多的了解掃碼登錄這回事。而這次再次被提及，那就順勢(shì)這兩天給他辦了吧！

考慮到現(xiàn)在的用戶(hù)都喜歡使用微信，而微信掃碼登錄這個(gè)功能也是非常普遍的，所以一拍即合，我也整個(gè)微信掃碼登錄。

經(jīng)過(guò)周末兩天的摸索，現(xiàn)在個(gè)人開(kāi)發(fā)者要給自己的網(wǎng)站加上微信掃碼登錄這個(gè)功能有三個(gè)途徑：

1. 利用微信掃碼，關(guān)注公眾號(hào)實(shí)現(xiàn)微信掃碼登錄

2. 利用微信開(kāi)放平臺(tái)提供的網(wǎng)站應(yīng)用提供的獲取用戶(hù)信息接口，實(shí)現(xiàn)掃碼登錄

3. 利用小程序做中間過(guò)渡實(shí)現(xiàn)的微信掃碼登錄

然而，這里我要給你們潑一盆涼水了，這三個(gè)方案，我都試過(guò)，對(duì)于個(gè)人而言，無(wú)法實(shí)現(xiàn)，或者說(shuō)無(wú)法滿(mǎn)足我對(duì)掃碼登錄功能的期望。

期望：微信掃碼，用戶(hù)授權(quán)，獲取用戶(hù)頭像及昵稱(chēng)等信息

先來(lái)說(shuō)說(shuō)公眾號(hào)，為啥不行。

首先，我有公眾號(hào)，但是我的公眾號(hào)僅僅是個(gè)人，而不是企業(yè)認(rèn)證的公眾號(hào)，這就表明我只能發(fā)信息，而沒(méi)有獲取和支付等這種高級(jí)的功能。

就比如獲取用戶(hù)信息：

可能有人會(huì)說(shuō)去認(rèn)證一個(gè)不就行了，我只能說(shuō)，你們可以去試試（認(rèn)證費(fèi)幾千塊 + 其他材料）。

再來(lái)說(shuō)說(shuō)微信開(kāi)放平臺(tái)，為啥不行。

其實(shí)這個(gè)平臺(tái)的對(duì)接功能寫(xiě)的非常通俗易懂，而且也相對(duì)簡(jiǎn)單，但是，和上面的問(wèn)題也是一樣，個(gè)人想要獲取用戶(hù)相關(guān)的功能，也要認(rèn)證。

那我再看一下他的認(rèn)證條件吧：

這個(gè)認(rèn)證條件倒是簡(jiǎn)單明了，就 300 塊錢(qián)，你認(rèn)證了就給你獲取用戶(hù)的功能權(quán)限。

雖然 300 也不是什么大數(shù)目，但是我一想我做的那幾個(gè)項(xiàng)目用戶(hù)都還沒(méi)幾個(gè)，就把 300 花出去，不太劃算，所以這個(gè)方向也 pass。

那就來(lái)看看最后的小程序方案吧！

查看了小程序的接口文檔，發(fā)現(xiàn)還真有獲取用戶(hù)信息的 wx 接口，文檔如下：

有了這個(gè)接口就好辦了，而且個(gè)人是可以開(kāi)發(fā)小程序且不需要任何認(rèn)證流程的，有微信號(hào)就 ok。這不就是我想要的方案嘛，有手就行了，掃碼登錄。

此時(shí)我還沒(méi)意識(shí)到，這個(gè)有手就行和我想象的不太一樣。

敲定好方案之后，我就在腦子里構(gòu)思如何通借助小程序來(lái)實(shí)現(xiàn)微信掃碼登錄，大致思考了一會(huì)，我設(shè)計(jì)了如下登錄方案：

圖中的主要步驟就兩個(gè)：

1. 獲取小程序二維碼，給用戶(hù)掃碼

2. 微信掃碼，獲取用戶(hù)信息，進(jìn)行后續(xù)登錄流程

之后通過(guò)編碼，居然發(fā)現(xiàn)最重要的兩個(gè)信息（頭像、昵稱(chēng)）拿不到，我也是醉了。而我去翻看微信的官方文檔，原來(lái)是騰訊把 wx.getUserProfile 接口給下線了，這給我整無(wú)語(yǔ)了。

咋辦？

小程序代碼我都寫(xiě)好上線了，后端的相關(guān)接口我也寫(xiě)好了，就差網(wǎng)站頁(yè)面聯(lián)調(diào)了。你說(shuō)這功能是聯(lián)調(diào)，還是不聯(lián)調(diào)呢！

算了，先這樣吧！功能先保留，等以后要做新的項(xiàng)目了，再把這個(gè)功能放上去?，F(xiàn)在整個(gè)的流程問(wèn)題比較大的就是獲取不到用戶(hù)的頭像和昵稱(chēng)，但是，掃碼登錄這個(gè)基本流程是已經(jīng)走通的。等新項(xiàng)目對(duì)接這個(gè)功能的時(shí)候，再讓用戶(hù)通過(guò)網(wǎng)站提供的功能再來(lái)完善用戶(hù)頭像和昵稱(chēng)等信息吧！

吐槽完了！??！

最后，感謝各位看官看到這里，如果大家有啥好的微信掃碼登錄方案，歡迎評(píng)論區(qū)留言。

外鏈：

微信公眾平臺(tái)：https://mp.weixin.qq.com

微信開(kāi)放平臺(tái)：https://open.weixin.qq.com/