PHP微信PC二维码登陆的实现思路
一、思路:
思路关键在于如何与微信端交互起来,毕竟目前微信登录只能是在微信端。
但是微信有一个特殊的方法用于生成自定义的二维码,这就让我们能够在PC上显示二维码,而二维码的值可以是我们定义的。另外看微信开发文档中存在一个scan事件,可以检测用户使用微信扫描二维码并获取值。其实问题的关键就在于这个值,这个值算是一个联通PC和微信的通信ID了。
二、具体实现流程(下面代码使用了TP5的框架,有个大前提是存在一个服务号的公众号)
1、生成PC端的二维码:
代码如下:
控制器:
namespaceapp\home\controller;
classRecognitionextendsBase{
publicfunctionseeLoginQrcode(){
$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:
namespaceapp\common\model;
usethink\Model;
classRecognitionextendsModel{
protected$autoWriteTimestamp=false;
//生成登录用的临时二维码
publicfunctiongetLoginQrcode(){
$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']));
}
}
}
可以看到成功后返回:
return(array('error_code'=>false,'id'=>$qrcode_id,'ticket'=>'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($json['ticket'])));
其中有一个id值,其实代表的就是二维码的值!
然后ticket就是二维码的链接。也就是扫描这个二维码在scan事件获取的值就是这个id。
下面查看微信端处理
1、扫描二维码之后:
namespaceapp\mobile\controller;
classWechatextendsBase{
publicfunctionindex()
{
import('Wechat.Wechat');
$wechat=new\Wechat();
$data=$wechat->request();
list($content,$type)=$this->reply($data);
if($content){
$wechat->response($content,$type);
}
else{
exit();
}
}
publicfunctionreply($data)
{
if($data['MsgType']=='event'){
$id=$data['EventKey'];
switch(strtoupper($data['Event'])){
case'SCAN':
return$this->scan($id,$data['FromUserName']);
case'CLICK':
//回复?
returnarray('click','text');
break;
case'SUBSCRIBE':
//关注
returnarray('Welcome','text');
break;
case'UNSUBSCRIBE':
//取关
returnarray('BYE-BYE','text');
case'LOCATION':
//定位
break;
}
}
else{
if($data['MsgType']=='text'){
returnarray("测试成功!",'text');
}
if($data['MsgType']=='location'){
}
if(import('@.ORG.'.$data['MsgType'].'MessageReply')){
}
}
returnfalse;
}
privatefunctionscan($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);
returnarray('登陆成功','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);
returnarray($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);
returnarray('登陆成功','text');
}
如果满足条件,并且存在该openid的用户,则更新login_qrcode表,将uid改为用户id。(这里就是关键,为什么更新了id对应的那条数据的uid为用户id就算登录了呢)。
3、继续看PC端,PC段在获取1中的二维码之后并没有停止请求,而是轮训了一个方法:
*微信登录异步请求 *@return\think\response\Json *createdbysunnier*/ publicfunctionajaxWechatLogin(){ 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']); }elseif($result['error_code']==1001){ return$this->returnJson('没有查找到用户,请重新扫描二维码!',0); }elseif($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端检测表的状态变化从而实现了登录。
三、代码仓库
https://git.oschina.net/kebenxiaoming/erwmlogin1
直接clone即可,有问题提issue或者单独私我
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。