基于 Swoole 的微信扫码登录功能实现代码


Posted in PHP onJanuary 15, 2018

随着微信的普及,扫码登录方式越来越被现在的应用所使用。它因为不用去记住密码,只要有微信号即可方便快捷登录。微信的开放平台原生就有支持扫码登录的功能,不过大部分人还是在用公众平台,所以扫码登录只能自行实现。这里基于微信公众平台的带参数临时二维码,并且结合 Swoole 的 WebSocket 服务实现扫码登录。大体流程如下:

  1. 客户端打开登录界面,连接到 WebSocket 服务
  2. WebScoket 服务生成带参数二维码返回给客户端
  3. 用户扫描展示的带参数二维码
  4. 微信服务器回调扫码事件并通知开发者服务器
  5. 开发者服务器通知 WebSocket 服务
  6. WebSocket 服务通知客户端登录成功

连接 WebSocket 服务

安装完 Swoole 之后,我们需用使用到 WebSocket 服务。新建一个 WebSocket 服务非常简单:

$server = new swoole_websocket_server("0.0.0.0", 1099);
$server->on('open', function (swoole_websocket_server $server, $request) use ($config){
  echo "server: handshake success with fd{$request->fd}\n";
});
$server->on('message', function (swoole_websocket_server $server, $frame) {
});

这里的 message 回调其实用不到,因为都是服务端下发消息的,但是必须设定一个。设定的端口号如果低于 1024 则必须要有 root 权限,服务器记得去防火墙开启该端口。

生成带参数二维码

WebSocket 服务在客户端连接成功后,需要生成一张微信的带参数二维码返回给客户端展示:

$server->on('open', function (swoole_websocket_server $server, $request) use ($config){
  $app = Factory::officialAccount($config['wechat']);
  $result = $app->qrcode->temporary($request->fd, 120);
  $url = $app->qrcode->url($result['ticket']);
  $server->push($request->fd, json_encode([
    'message_type'  => 'qrcode_url',
    'url'    => $url
  ]));
});

我们在 open 回调中,生成一张临时的二维码,二维码的场景值就是客户端连接的文件描述符,这样就可以保证每个客户端的唯一性.有效时间设置为 120 秒,防止一张二维码被多次扫码使用。消息 push 到客户端的时候必须要 json,方便客户端处理。客户端代码也很简单:

const socket = new WebSocket('ws://127.0.0.1:1099');
  socket.addEventListener('message', function (event) {
    var data = JSON.parse(event.data);
    if (data.message_type == 'qrcode_url'){
      $('#qrcode').attr('src', data.url);
    }
  });

回调扫码事件

在客户端展示二维码后,需要提示用户扫码。对于用户扫临时的二维码,微信会触发相应的回调事件,我们需要在该回调事件中处理用户的扫码行为。其中我们需要用到微信传递过来的一些参数:

FromUserName  发送方帐号(一个OpenID)
MsgType      消息类型,event
Event      事件类型,subscribe
EventKey    事件 KEY 值,qrscene_为前缀,后面为二维码的参数值

这里要注意一点:微信已关注扫码推送的 EventKey 是没有 qrscene_ 前缀的,只有未关注扫码然后关注才有。

收到微信回调后我们首先要根据不同的事件类型做不同处理:

if ($message['MsgType'] == 'event'){
  if ($message['Event'] == 'subscribe'){ //关注
    return $this->subscribe($message);
  }
  if ($message['Event'] == 'unsubscribe') { //取消关注
    return $this->unsubscribe($message);
  }
  if ($message['Event'] == 'SCAN'){  //已关注扫码
    return $this->scan($message);
  }
}else{
  return "您好!欢迎使用 SwooleWechat 扫描登录";
}

这里只讲解一个关注事件的业务逻辑,其他根据需要自行编码:

public function subscribe($message){
  $eventKey = intval(str_replace('qrscene_', '', $message['EventKey']));
  $openId = $message['FromUserName'];
  $user = $this->app->user->get($openId);
  $this->notify(json_encode([
    'type' => 'scan',
    'fd'  => $eventKey,
    'nickname' => $user['nickname']
  ]));
  $count = $this->count($openId);
  $msgTemp = "%s,登录成功!\n这是你第%s次登录,玩的开心!";
  return sprintf($msgTemp, $user['nickname'], $count);
}

这里的 EventKey 实际上就是连接 WebSocket 的客户端文件描述符,获取到扫码用户的 OPEN_ID ,根据用户的 OPEN_ID 获取用户信息,通知 WebSocket 服务,响应文本消息给微信。

这里一个比较麻烦的点就是如何通知 WebSocket 服务,我们知道处理微信回调的代码是是不在 WebSocket 服务上的,那么不同 Server 间如何通信呢?Swoole 官方给出的解决方案有两个:

  1. 额外监听一个UDP端口
  2. 使用 swoole_client 作为客户端访问 Server

这里我们选择第二个方案,Swoole 1.8 版本支持一个 Server 监听多个端口,我们在 WebSocket 服务新增监听一个 TCP 的端口:

$tcp_server = $server->addListener('0.0.0.0', 9999, SWOOLE_SOCK_TCP);
$tcp_server->set([]);
$tcp_server->on('receive', function ($serv, $fd, $threadId, $data) {
  
});

主服务器是 WebSocket 或 Http 协议,新监听的 TCP 端口默认会继承主 Server 的协议设置,必须单独调用 set 方法设置新的协议才会启用新协议

然后我们就可以在扫码回调的进程中去通知 WebSocket 服务:

public function notify($message){
  $client = new swoole_client(SWOOLE_SOCK_TCP);
  if (!$client->connect('127.0.0.1', $this->config['notify_port'], -1)) {
    return "connect failed. Error: {$client->errCode}\n";
  }
  $ret = $client->send($message);
}

通知登录成功

在 WebSocket 服务收到登录成功的通知后,就可以根据需要处理一下用户信息,然后把用户信息传递给客户端的浏览器展示结果,还记得我们刚刚新监听的 TCP 端口吗?就可以在 receive 事件中处理:

$tcp_server->on('receive', function ($serv, $fd, $threadId, $data) {
  $data = json_decode($data, true);
  if ($data['type'] == 'scan'){
    $serv->push($data['fd'], json_encode([
      'message_type'  => 'scan_success',
      'user' => $data['nickname']
    ]));
  }
  $serv->close($fd);
});

最后登录的界面:

基于 Swoole 的微信扫码登录功能实现代码 

总结

整个过程并不难,主要的两个难点就是对应连接用户的扫码用户、不同 Server 之间的通信,我们的解决办法就是把连接的文件描述符作为临时二维码场景值(这里也可以采用 Redis 来存储映射关系)、监听新的 TCP 端口来接受通知消息。可以访问 http://wechat.sunnyshift.com/index.php 试试看,记得要用电脑打开。

以上所述是小编给大家介绍的基于 Swoole 的微信扫码登录功能实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
给php新手谈谈我的学习心得
Feb 25 PHP
PHP 根据IP地址控制访问的代码
Apr 22 PHP
PHP Zip解压 文件在线解压缩的函数代码
May 26 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
Dec 05 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
Apr 25 PHP
使用php验证复选框有效性的示例
Nov 13 PHP
一个比较不错的PHP日历类分享
Nov 18 PHP
Yii中实现处理前后台登录的新方法
Dec 28 PHP
完美解决thinkphp唯一索引重复时出错的问题
Mar 31 PHP
微信开发之获取JSAPI TICKET
Jul 07 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
Nov 14 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
Mar 07 PHP
详解PHP序列化和反序列化原理
Jan 15 #PHP
PHP使用两个栈实现队列功能的方法
Jan 15 #PHP
php获取ajax的headers方法与内容实例
Dec 27 #PHP
PHP实现求连续子数组最大和问题2种解决方法
Dec 26 #PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
Dec 26 #PHP
thinkphp5 URL和路由的功能详解与实例
Dec 26 #PHP
php-msf源码详解
Dec 25 #PHP
You might like
JAVA/JSP学习系列之七
2006/10/09 PHP
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
php分割合并两个字符串的函数实例
2015/06/19 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
Vue 请求传公共参数的操作
2020/07/31 Javascript
简单的通用表达式求10乘阶示例
2014/03/03 Python
python之wxPython应用实例
2014/09/28 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
python打开windows应用程序的实例
2019/06/28 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
python numpy生成等差数列、等比数列的实例
2020/02/25 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
学习心得体会
2014/01/01 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
元旦活动感言
2014/03/08 职场文书
Beekeeper Studio开源数据库管理工具比Navicat更炫酷
2022/06/21 数据库