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

你的名字 2021-09-03 10:54 187阅读 0赞

## 前言 ##

首先，我们看一下微信开放文档中的一张图：  
![1fbbf322cd74d0f03af3311aa6e8e14a.png][]  
上面的一幅图中清楚地介绍了微信登录整个过程，下面对图上所示进行总结：

一、二维码的获得

1.  用户打开登录网页后，登录网页后台根据微信`OAuth2.0`协议向微信开发平台请求授权登录，并传递事先在微信开发平台中审核通过的`AppID`和`AppSecrect`等参数；
2.  微信开发平台对`AppID`等参数进行验证，并向登录网页后台返回二维码；
3.  登录网页后台将二维码传送至前台进行显示；

二、微信客户端授权登录

1.  用户使用微信客户端扫描二维码并授权登录；
2.  微信客户端将二维码特定的`uid`与微信账号绑定，传送至微信开发平台；
3.  微信开发平台验证绑定数据，**调用登录网页后台的回调接口**，发送授权临时票据`code`；

三、网页后台请求数据

1.  登录网页后台接收到`code`，表明微信开发平台同意数据请求；
2.  登录网页后台根据`code`参数，再加上`AppID`和`AppSecret`请求微信开发平台换取`access_token`；
3.  微信开发平台验证参数，并返回`access_token`；
4.  登录网页后台收到`access_token`后即可进行参数分析获得用户账号数据。

## 实现 ##

了解了大致原理之后，我们就开始简单实现这个逻辑。因为没有直接调用微信开发平台，所以这里只是演示效果。你也可以通过访问`https://www.maomin.club/qrcodelogin/`这个我的线上网址体验一下。以下代码是主要逻辑，结合线上网址体验更容易理解。

看到这里，你是不是觉得代码不够全，咋就给了一个主要逻辑代码，别着急，代码满汉全席马上奉上，代码解释可以看注释哦！  
以下是github网址，如果觉得对自己有用，欢迎star~

https://github.com/maomincoding/qrcodelogin.git

## 结语 ##

看到这里了，你可能直接拉取代码，发现项目咋运行不了呢？效果也不跟线上网址那样。是这样的，如果你有线上服务器，可以把它部署到云端。如果没有线上服务器，你可以自己搭建一个本地局域网服务器。一定要保证手机跟电脑网页在一个IP网段上。

>  *  欢迎关注我的公众号**前端历劫之路**
>  *  回复关键词**电子书**，即可获取12本前端热门电子书。
>  *  回复关键词**红宝书第4版**，即可获取最新《JavaScript高级程序设计》（第四版）电子书。
>  *  关注公众号后，点击下方菜单即可加我微信，我拉拢了很多IT大佬，创建了一个技术交流、文章分享群，期待你的加入。
>  *  作者：**Vam的金豆之路**
>  *  微信公众号：**前端历劫之路**
> 
> ![Image 1][]

[1fbbf322cd74d0f03af3311aa6e8e14a.png]: /images/20210813/ec40021e369145bd8550f1b3e417abd6.png
[Image 1]: