前言

首先,我们看一下微信开放文档中的一张图:

上面的一幅图中清楚地介绍了微信登录整个过程,下面对图上所示进行总结:

一、二维码的获得

用户打开登录网页后,登录网页后台根据微信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”);

更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119815833

最新文章

  1. 探究负边距(negative margin)原理
  2. PHP数据类型
  3. 依赖注入(DI)与服务容器(IoC)
  4. BZOJ1798[Ahoi2009]Seq 维护序列seq 题解
  5. MongoDb gridfs-ngnix文件存储方案 - 图片
  6. 部署新浪SAE web.py Session及图片上传等问题注意事项
  7. MySQL 中随机抽样:order by rand limit 的替代方案
  8. MySQL UNION 与 UNION ALL 语法与用法
  9. Unix/Linux环境C编程入门教程(8) FreeBSD CCPP开发环境搭建
  10. 手机端android/iPhone问题
  11. 用Eclipse 搭建一个Maven Spring SpringMVC 项目
  12. Bootstrap方法之--排版、代码
  13. 便于记忆的SA构造
  14. Thymeleaf在前台下拉列表获取后台传的值
  15. 【洛谷P1144】最短路计数
  16. 技术课堂】如何管理MongoDB数据库?
  17. aiohttp简介及快速使用
  18. LeetCode: Linked List Cycle II 解题报告
  19. 雷林鹏分享:Ruby 语法
  20. MongoDB学习笔记(五)--复制集 && sharding分片

热门文章

  1. 导出带标签的tar包(docker)-解决导出不带标签的麻烦
  2. 基于Vue开发的门户网站展示和后台数据管理系统
  3. Water 2.5.9 发布,一站式服务治理平台
  4. JavaWeb学习day3-Maven&安装
  5. 关于Vue.cli 脚手架环境中引入Bootstrap时,table表格样式缺失的解决办法
  6. 小程序 -- 去掉button默认样式
  7. uniapp-uni.setNavigationBarColor 动态修改顶部背景颜色
  8. python 面试题汇总
  9. Java语言学习day05--7月2日
  10. A标签上使用onclick事件,js函数响应成功,单会刷新当前页面陷阱