(附源码)个人网站接入微信扫码注册登录功能的实现与优化
前言不久之前(两年前)我写了篇博客《个人博客网站实现微信扫码登录(附源码)》,当时只为记录。没想到收到诸多“猿友”私聊,有“代码跑不起来”“实现原理”“测试网址访问不了”等问题。我都一一解答。希望各位在技术探索路上不迷茫
在进入正题前 先聊聊实现原理 以便更好引领大家熟悉 我们都清楚 微信已成国民软件 男女老少都离不开它 所以用微信扫码注册 登录是很便捷的事 然而当我们个人网站 博客 论坛想接入该功能时 却发现只对企业开放不过这难不住我们。我们依旧能够实现。凭借个人资质。达成博客网站微信扫码登录。
如下图示,这是代码的核心流程。它看上去较为繁琐,实则颇为简单。接下来我会对流程进行拆分讲解。
在线测试
之前没怎么维护。所以测试网站时好时坏。最近我对网站进行了重构。能保证稳定运行了。下面是测试地址
在线测试微信扫码登录
准备工作
首先要注册一个小程序。注意,小程序得提交审核并上线,要是处于开发版本,就没办法生成二维码图片。
注册地址:小程序注册
需要一个域名。该域名已绑定https证书。微信小程序的请求必须要https。没有服务器的看这里:
腾讯云推出云产品限时秒杀活动。有爆款2核4G云服务器参与。首年只需74元!
好了,准备工作至此已完成。现在开始解析流程。因代码量多,此处不对代码作过多解释,有需要者可自行下载。更多内容是解析流程。
请求二维码
在流程图里 这一步有四个步骤要完成 分别是“1、1.1、1.2、1.3” 实际上它可被视作一个步骤 即向微信请求小程序二维码
1、请求二维码
获取小程序时选择不限制数量。该小程序码可携带一个scene参数。此参数只能小于或等于32位。既然能携带参数,那我们就能在参数上做文章。
获取不限制的小程序码 | 微信开放文档微信开发者平台文档
当PC与服务器建立通讯后 移动端也与服务器建立通讯 手机端的操作 比如登录 注册 能传递到后端 我们可依据GUID的前25位知晓手机端要把消息传给谁 可通过传递参数将手机端消息传到PC端
2、消息转发
在上一步 我们的PC与服务器建立了连接 移动端也与服务器建立了连接 当移动端发送一个数据包到服务器 服务器解析移动端传过来的数据包 然后将该消息转发给PC端 以此实现消息互通的效果 如下图
实际上走到这一步时,大致流程已然走完。在本篇博客里,不存在源码,全文借助流程图引导大家理解。下面会张贴出源码,经简单配置就能运行测试
项目源码
下载地址:
页:
[1]