手写一个仿微信登录的nodejs程序

前言
首先，我们看一下微信开放文档中的一张图：

上面的一幅图中清楚地介绍了微信登录整个过程，下面对图上所示进行总结：
一、二维码的获得
用户打开登录网页后，登录网页后台根据微信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