PHP微信PC二维码登陆的实现思路


Posted in PHP onJuly 13, 2017

一、思路:

思路关键在于如何与微信端交互起来,毕竟目前微信登录只能是在微信端。

但是微信有一个特殊的方法用于生成自定义的二维码,这就让我们能够在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']));
    }
  }
}

可以看到成功后返回:

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、扫描二维码之后:

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端检测表的状态变化从而实现了登录。

三、代码仓库

https://git.oschina.net/kebenxiaoming/erwmlogin1

直接clone即可,有问题提issue或者单独私我

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
非常不错的MySQL优化的8条经验
Mar 24 PHP
php实现的简单压缩英文字符串的代码
Apr 24 PHP
php二维数组排序详解
Nov 06 PHP
php顺序查找和二分查找示例
Mar 27 PHP
PHP函数eval()介绍和使用示例
Aug 20 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
Mar 16 PHP
PHP中的命名空间详细介绍
Jul 02 PHP
php实现爬取和分析知乎用户数据
Jan 26 PHP
PHP简单预防sql注入的方法
Sep 27 PHP
PHP实现的简单在线计算器功能示例
Aug 02 PHP
PHP获取MySQL执行sql语句的查询时间方法
Aug 21 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
Dec 18 PHP
PHP基于socket实现客户端和服务端通讯功能
Jul 13 #PHP
php中请求url的五种方法总结
Jul 13 #PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
Jul 13 #PHP
php获取'/'传参的值简单方法
Jul 13 #PHP
php多文件打包下载的实例代码
Jul 12 #PHP
php实现网页端验证码功能
Jul 11 #PHP
阿里云PHP SMS短信服务验证码发送方法
Jul 11 #PHP
You might like
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
深入php list()函数的详解
2013/06/05 PHP
PHP模块memcached使用指南
2014/12/08 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
js单向链表的具体实现实例
2013/06/21 Javascript
js日期联动示例
2014/05/02 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
深入理解js中this的用法
2016/05/28 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Python重新加载模块的实现方法
2018/10/16 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
外贸主管求职简历的自我评价
2013/10/23 职场文书
财务会计专业推荐信
2013/11/30 职场文书
医院门卫岗位职责
2013/12/30 职场文书
慈善募捐倡议书
2015/04/27 职场文书
2015年工程部工作总结
2015/04/30 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
DSP接收机前端设想
2022/04/05 无线电