（附源码）个人网站接入微信扫码注册登录功能的实现与优化

hwyzw

    前言

    不久之前（两年前）我写了篇博客《个人博客网站实现微信扫码登录（附源码）》，当时只为记录。没想到收到诸多“猿友”私聊，有“代码跑不起来”“实现原理”“测试网址访问不了”等问题。我都一一解答。希望各位在技术探索路上不迷茫

    在进入正题前 先聊聊实现原理 以便更好引领大家熟悉 我们都清楚 微信已成国民软件 男女老少都离不开它 所以用微信扫码注册 登录是很便捷的事 然而当我们个人网站 博客 论坛想接入该功能时 却发现只对企业开放不过这难不住我们。我们依旧能够实现。凭借个人资质。达成博客网站微信扫码登录。

    如下图示，这是代码的核心流程。它看上去较为繁琐，实则颇为简单。接下来我会对流程进行拆分讲解。

    在线测试

    之前没怎么维护。所以测试网站时好时坏。最近我对网站进行了重构。能保证稳定运行了。下面是测试地址

    在线测试微信扫码登录

    准备工作

    首先要注册一个小程序。注意，小程序得提交审核并上线，要是处于开发版本，就没办法生成二维码图片。

    注册地址：小程序注册

    需要一个域名。该域名已绑定https证书。微信小程序的请求必须要https。没有服务器的看这里：

    腾讯云推出云产品限时秒杀活动。有爆款2核4G云服务器参与。首年只需74元！

    好了，准备工作至此已完成。现在开始解析流程。因代码量多，此处不对代码作过多解释，有需要者可自行下载。更多内容是解析流程。

    请求二维码

    在流程图里 这一步有四个步骤要完成 分别是“1、1.1、1.2、1.3” 实际上它可被视作一个步骤 即向微信请求小程序二维码

    1、请求二维码

    获取小程序时选择不限制数量。该小程序码可携带一个scene参数。此参数只能小于或等于32位。既然能携带参数，那我们就能在参数上做文章。

    获取不限制的小程序码 | 微信开放文档微信开发者平台文档

    当PC与服务器建立通讯后 移动端也与服务器建立通讯 手机端的操作 比如登录 注册 能传递到后端 我们可依据GUID的前25位知晓手机端要把消息传给谁 可通过传递参数将手机端消息传到PC端

    2、消息转发

    在上一步 我们的PC与服务器建立了连接 移动端也与服务器建立了连接 当移动端发送一个数据包到服务器 服务器解析移动端传过来的数据包 然后将该消息转发给PC端 以此实现消息互通的效果 如下图

    实际上走到这一步时，大致流程已然走完。在本篇博客里，不存在源码，全文借助流程图引导大家理解。下面会张贴出源码，经简单配置就能运行测试

    项目源码

    下载地址：