個(gè)人網(wǎng)站是無法接入微信掃一掃登錄的，只能使用曲線救國(guó)的方式，采用小程序了，小程序是可以獲取到微信用戶的 UnionID 的。

首先第一步要注冊(cè)一個(gè)小程序應(yīng)用，很簡(jiǎn)單的，用郵箱申請(qǐng)即可

注冊(cè)完成之后就可以進(jìn)行開發(fā)了，我后臺(tái)服務(wù)使用的是node來寫的

生成小程序二維碼

要做掃一掃登錄，二維碼是不可少的，官方也提供了幾種生成二維碼的方式。

我使用的是A接口，詳細(xì)信息可查看官方文檔。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

從api上可以看出，調(diào)用這個(gè)接口需要傳入成一個(gè) ACCESS_TOKEN ，這個(gè)不是我們生成的，需要調(diào)用小程序的服務(wù)來獲取到。

ACCESS_TOKEN

獲取 ACCESS_TOKEN 示例

token過期的時(shí)間是由微信服務(wù)控制的，拿到之后可以存到redis中，不需要每次都去獲取新的

獲取到token之后就可以調(diào)用生成二維碼的方法了

調(diào)用示例

返回的是二維碼的文件名稱

處理登錄請(qǐng)求，在小程序完成授權(quán)之后，調(diào)用webSocket服務(wù)通知頁(yè)面授權(quán)成功，跳轉(zhuǎn)到首頁(yè)

頁(yè)面顯示二維碼

登錄頁(yè)面調(diào)用服務(wù)器端生成二維碼并顯示在頁(yè)面上，并且連接webSocket服務(wù)，等待服務(wù)器確認(rèn)登錄。

小程序

login.js

login.wxml

文章轉(zhuǎn)載自：segmentfault  作者：xx小臺(tái)燈 原文地址：https://segmentfault.com/a/1190000038471532