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

前言

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

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

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

在线测试

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

在线测试微信扫码登录

准备工作

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

注册地址：小程序注册

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

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

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

请求二维码

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

1、请求二维码

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

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

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

2、消息转发

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

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

项目源码

下载地址：