PHP微信PC二维码登陆的实现思路
一、思路:
思路关键在于如何与微信端交互起来,毕竟目前微信登录只能是在微信端。
但是微信有一个特殊的方法用于生成自定义的二维码,这就让我们能够在pc上显示二维码,而二维码的值可以是我们定义的。另外看微信开发文档中存在一个scan事件,可以检测用户使用微信扫描二维码并获取值。其实问题的关键就在于这个值,这个值算是一个联通pc和微信的通信id了。
二、具体实现流程(下面代码使用了tp5的框架,有个大前提是存在一个服务号的公众号)
1、生成pc端的二维码:
代码如下:
控制器:
namespace app\home\controller; class recognition extends base{ public function seeloginqrcode(){ $qrcode_return = model('recognition')->getloginqrcode(); if($qrcode_return['error_code']){ return $this->returnjson("获取失败!",0); }else{ $data=array( 'url'=>$qrcode_return['ticket'], 'qrcode_id'=>$qrcode_return['id'], ); return $this->returnjson("获取成功!",1,$data); } } }
model:
namespace app\common\model; use think\model; class recognition extends model{ protected $autowritetimestamp = false; //生成登录用的临时二维码 public function getloginqrcode(){ $appid = config('think_sdk_weixin.app_key'); $appsecret = config('think_sdk_weixin.app_secret'); if(empty($appid) || empty($appsecret)){ return(array('error_code'=>true,'msg'=>'请联系管理员配置【appid】【 appsecret】')); } $database_login_qrcode = model('loginqrcode'); $database_login_qrcode->where(array('add_time'=>array('lt',($_server['request_time']-604800))))->delete(); $data_login_qrcode['add_time'] = $_server['request_time']; $database_login_qrcode->save($data_login_qrcode); $qrcode_id = $database_login_qrcode->getlastinsid(); if(empty($qrcode_id)){ return(array('error_code'=>true,'msg'=>'获取二维码错误!无法写入数据到数据库。请重试。')); } import('net.http'); $http = new \http(); //微信授权获得access_token $access_token_array = model('accesstokenexpires')->getaccesstoken(); if ($access_token_array['errcode']) { return(array('error_code'=>true,'msg'=>'获取access_token发生错误:错误代码' . $access_token_array['errcode'] .',微信返回错误信息:' . $access_token_array['errmsg'])); } $access_token = $access_token_array['access_token']; $qrcode_url='https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token='.$access_token; $post_data['expire_seconds'] = 604800; $post_data['action_name'] = 'qr_scene'; $post_data['action_info']['scene']['scene_id'] = $qrcode_id; $json = $http->curlpost($qrcode_url,json_encode($post_data)); if (!$json['errcode']){ $condition_login_qrcode['id']=$qrcode_id; $data_login_qrcode['id'] = $qrcode_id; $data_login_qrcode['ticket'] = $json['ticket']; if($database_login_qrcode->isupdate(true)->save($data_login_qrcode)){ return(array('error_code'=>false,'id'=>$qrcode_id,'ticket'=>'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($json['ticket']))); }else{ $database_login_qrcode->where($condition_login_qrcode)->delete(); return(array('error_code'=>true,'msg'=>'获取二维码错误!保存二维码失败。请重试。')); } }else{ $condition_login_qrcode['id'] = $qrcode_id; $database_login_qrcode->where($condition_login_qrcode)->delete(); return(array('error_code'=>true,'msg'=>'发生错误:错误代码 '.$json['errcode'].',微信返回错误信息:'.$json['errmsg'])); } } }
可以看到成功后返回:
其中有一个id值,其实代表的就是二维码的值!
然后ticket就是二维码的链接。也就是扫描这个二维码在scan事件获取的值就是这个id。
下面查看微信端处理
1、扫描二维码之后:
namespace app\mobile\controller; class wechat extends base{ public function index() { import('wechat.wechat'); $wechat = new \wechat(); $data = $wechat->request(); list($content, $type) = $this->reply($data); if ($content) { $wechat->response($content, $type); } else { exit(); } } public function reply($data) { if ($data['msgtype'] == 'event') { $id = $data['eventkey']; switch (strtoupper($data['event'])) { case 'scan': return $this->scan($id, $data['fromusername']); case 'click': //回复? return array('click', 'text'); break; case 'subscribe': //关注 return array('welcome', 'text'); break; case 'unsubscribe': //取关 return array('bye-bye', 'text'); case 'location': //定位 break; } } else { if ($data['msgtype'] == 'text') { return array("测试成功!",'text'); } if ($data['msgtype'] == 'location') { } if (import('@.org.' . $data['msgtype'] . 'messagereply')) { } } return false; } private function scan($id, $openid = '', $issubscribe = 0) { if ((1000000000 < $id) && $openid) { if ($user = model('member')->field('id')->where(array('third_id' => $openid))->find()) { $data=array( 'id'=>$id, 'uid'=> $user['id'] ); model('loginqrcode')->isupdate()->save($data); return array('登陆成功', 'text'); } $data=array( 'id'=>$id, 'uid'=>-1 ); model('loginqrcode')->isupdate(true)->save($data); $return[] = array('点击授权登录', '',config('site_logo'), config('site_url') . '/mobile/wechatbind/ajaxweblogin?qrcode_id=' . $id); return array($return, 'news'); } } }
上面的scan方法有这个判断,可以看到是:
if ((1000000000 < $id) && $openid) {
其中的$id,就是对应的二维码的值,也就是之前我们生成的那个id(其实我们为了区分scan中的各种事件,特意将id所在的login_qrcode表自增id从1000000000开始)。
然后看if后面的处理:
if ($user = model('member')->field('id')->where(array('third_id' => $openid))->find()) { $data=array( 'id'=>$id, 'uid'=> $user['id'] ); model('loginqrcode')->isupdate()->save($data); return array('登陆成功', 'text'); }
如果满足条件,并且存在该openid的用户,则更新login_qrcode表,将uid改为用户id。(这里就是关键,为什么更新了id对应的那条数据的uid为用户id就算登录了呢)。
3、继续看pc端,pc段在获取1中的二维码之后并没有停止请求,而是轮训了一个方法:
* 微信登录异步请求 * @return \think\response\json * created by sunnier<xiaoyao_xiao@126.com> */ public function ajaxwechatlogin(){ for ($i = 0; $i < 6; $i++) { $database_login_qrcode = model('loginqrcode'); $condition_login_qrcode['id'] = input('get.qrcode_id'); if(empty($condition_login_qrcode['id'])){ return $this->returnjson('未获取到qrcode_id!',0); } $now_qrcode = $database_login_qrcode->field('`uid`')->where($condition_login_qrcode)->find(); if (!empty($now_qrcode['uid'])) { if ($now_qrcode['uid'] == -1) { $data_login_qrcode['uid'] = 0; $database_login_qrcode->where($condition_login_qrcode)->isupdate(true)->save($data_login_qrcode); return $this->returnjson('请在微信公众号点击授权登录!',0); } $database_login_qrcode->where($condition_login_qrcode)->delete(); $result = model('member')->autologin('id', $now_qrcode['uid']); if (empty($result['error_code'])) { return $this->returnjson('登录成功!',1,$result['user']); } else if ($result['error_code'] == 1001) { return $this->returnjson('没有查找到用户,请重新扫描二维码!',0); } else if ($result['error_code']) { return $this->returnjson('登陆失败!',0); } } if ($i == 5) { return $this->returnjson('登陆失败',0); } sleep(3); } }
可以看到上面方法获取了qrcode_id,也就是1中返回的那个id,另一个返回就是二维码了。
轮训过程就是用这个id不断查看login_qrcode表的状态,如果存在了uid那么证明登陆成功!也就可以用其中的uid自动登录了。
4、以上
关键就是login_qrcode这个中间表起了桥梁的作用,一边用来生成二维码,一边用来在微信端插入用户uid,同时pc端检测表的状态变化从而实现了登录。
三、代码仓库
直接clone即可,有问题提issue或者单独私我
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。