前言
首先，我們看一下微信開放文檔中的一張圖：
上面的一幅圖中清楚地介紹了微信登錄整個過程，下面對圖上所示進行總結：
一、二維碼的獲得
用戶打開登錄網頁后，登錄網頁后臺根據微信OAuth2.0協議向微信開發平臺請求授權登錄，并傳遞事先在微信開發平臺中審核通過的AppID和AppSecrect等參數；
微信開發平臺對AppID等參數進行驗證，并向登錄網頁后臺返回二維碼；
登錄網頁后臺將二維碼傳送至前臺進行顯示；
二、微信客戶端授權登錄
用戶使用微信客戶端掃描二維碼并授權登錄；
微信客戶端將二維碼特定的uid與微信賬號綁定，傳送至微信開發平臺；
微信開發平臺驗證綁定數據，調用登錄網頁后臺的回調接口，發送授權臨時票據code；
三、網頁后臺請求數據
登錄網頁后臺接收到code，表明微信開發平臺同意數據請求；
登錄網頁后臺根據code參數，再加上AppID和AppSecret請求微信開發平臺換取access_token；
微信開發平臺驗證參數，并返回access_token；
登錄網頁后臺收到access_token后即可進行參數分析獲得用戶賬號數據。
實現
了解了大致原理之后，我們就開始簡單實現這個邏輯。因為沒有直接調用微信開發平臺，所以這里只是演示效果。你也可以通過訪問
https://www.maomin.club/qrcodelogin/這個我的線上網址體驗一下。以下代碼是主要邏輯，結合線上網址體驗更容易理解。
let http = require("http");
let express = require("express");
let qrcode = require("qr-image");
let app = express();
let path = require("path");
let server = http.createServer(app);
let url = require("url");
let fs = require("fs");
let UUID = require("uuid-js");
let generatehtml = null;
app.use(express.static("./public"));
/*
* Description: 讀取網頁文件，用于替換關鍵字，相當于簡易模板
* Params:
* sessionID - 生成的uid
* req - 網頁請求
* res - 網頁應答
* fileName - 網頁文件所在路徑
*/
generateHTML = function (sessionID, req, res, fileName) {
fs.readFile(fileName, "UTF-8", function (err, data) {
if (!err) {
data = data.replace(/SESSION_UID/g, sessionID);
res.writeHead(200, {
"Content-Type": "text/html; charset=UTF-8",
});
res.end(data);
} else {
console.log(err);
res.writeHead(404, {
"Content-Type": "text/html; charset=UTF-8",
});
res.end();
}
});
};
/*
* Description: 寫入JSON文件
* Params:
* fileName - JSON文件所在路徑
* uid - 生成的uid
* writeData - 需要寫入的JSON格式數據
*
*/
let setJSONValue = function (fileName, uid, writeData) {
let data = fs.readFileSync(fileName);
let users = JSON.parse(data.toString());
let addFlag = true;
let delFlag = writeData === null;
for (let i = 0; i < users.data.length; i++) {
if (users.data[i].uid === uid) {
addFlag = false;
if (delFlag) {
users.data.splice(i, 1);
} else {
users.data[i].status = writeData.status;
console.log(
"writeJSON: " + JSON.stringify(users.data[i]) + " modified."
);
}
}
}
。。。。。。。。。。。。。
作者：Vam的金豆之路
篇幅有限更多請見擴展鏈接：
http://www.mark-to-win.com/tutorial/50806.html
