PHP微信PC二維碼登陸的實(shí)現(xiàn)思路

更新時(shí)間：2017年07月13日 15:13:43 作者：u014359108

這篇文章主要介紹了PHP微信PC二維碼登陸的實(shí)現(xiàn)思路，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

一、思路：

思路關(guān)鍵在于如何與微信端交互起來(lái)，畢竟目前微信登錄只能是在微信端。

但是微信有一個(gè)特殊的方法用于生成自定義的二維碼，這就讓我們能夠在PC上顯示二維碼，而二維碼的值可以是我們定義的。另外看微信開發(fā)文檔中存在一個(gè)scan事件，可以檢測(cè)用戶使用微信掃描二維碼并獲取值。其實(shí)問(wèn)題的關(guān)鍵就在于這個(gè)值，這個(gè)值算是一個(gè)聯(lián)通PC和微信的通信ID了。

二、具體實(shí)現(xiàn)流程（下面代碼使用了TP5的框架，有個(gè)大前提是存在一個(gè)服務(wù)號(hào)的公眾號(hào)）

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;
  //生成登錄用的臨時(shí)二維碼
  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'=>'請(qǐng)聯(lián)系管理員配置【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'=>'獲取二維碼錯(cuò)誤！無(wú)法寫入數(shù)據(jù)到數(shù)據(jù)庫(kù)。請(qǐng)重試。'));
    }

    import('Net.Http');
    $http = new \Http();

    //微信授權(quán)獲得access_token
    $access_token_array = model('AccessTokenExpires')->getAccessToken();
    if ($access_token_array['errcode']) {
      return(array('error_code'=>true,'msg'=>'獲取access_token發(fā)生錯(cuò)誤：錯(cuò)誤代碼' . $access_token_array['errcode'] .',微信返回錯(cuò)誤信息：' . $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'=>'獲取二維碼錯(cuò)誤！保存二維碼失敗。請(qǐng)重試。'));
      }
    }else{
      $condition_login_qrcode['id'] = $qrcode_id;
      $database_login_qrcode->where($condition_login_qrcode)->delete();
      return(array('error_code'=>true,'msg'=>'發(fā)生錯(cuò)誤：錯(cuò)誤代碼 '.$json['errcode'].'，微信返回錯(cuò)誤信息：'.$json['errmsg']));
    }
  }
}

可以看到成功后返回：

復(fù)制代碼代碼如下:

return(array('error_code'=>false,'id'=>$qrcode_id,'ticket'=>'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($json['ticket'])));

其中有一個(gè)id值，其實(shí)代表的就是二維碼的值！

然后ticket就是二維碼的鏈接。也就是掃描這個(gè)二維碼在scan事件獲取的值就是這個(gè)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':
          //回復(fù)？
          return array('click', 'text');
          break;
        case 'SUBSCRIBE':
          //關(guān)注
          return array('Welcome', 'text');
          break;
        case 'UNSUBSCRIBE':
          //取關(guān)

          return array('BYE-BYE', 'text');
        case 'LOCATION':
          //定位

          break;
      }
    }
    else {
      if ($data['MsgType'] == 'text') {
        return array("測(cè)試成功！",'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('點(diǎn)擊授權(quán)登錄', '',config('SITE_LOGO'), config('SITE_URL') . '/mobile/WechatBind/ajaxWebLogin?qrcode_id=' . $id);
      return array($return, 'news');
    }
  }
}

上面的Scan方法有這個(gè)判斷，可以看到是:

if ((1000000000 < $id) && $openid) {

其中的$id，就是對(duì)應(yīng)的二維碼的值，也就是之前我們生成的那個(gè)id（其實(shí)我們?yōu)榱藚^(qū)分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。（這里就是關(guān)鍵，為什么更新了id對(duì)應(yīng)的那條數(shù)據(jù)的uid為用戶id就算登錄了呢）。

3、繼續(xù)看PC端，PC段在獲取1中的二維碼之后并沒有停止請(qǐng)求，而是輪訓(xùn)了一個(gè)方法：

* 微信登錄異步請(qǐng)求
   * @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('請(qǐng)?jiān)谖⑿殴娞?hào)點(diǎn)擊授權(quán)登錄！',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('沒有查找到用戶，請(qǐng)重新掃描二維碼！',0);
          } else if ($result['error_code']) {
            return $this->returnJson('登陸失??！',0);
          }
        }
        if ($i == 5) {
          return $this->returnJson('登陸失敗',0);
        }
        sleep(3);
      }
  }

可以看到上面方法獲取了qrcode_id，也就是1中返回的那個(gè)id，另一個(gè)返回就是二維碼了。
輪訓(xùn)過(guò)程就是用這個(gè)id不斷查看login_qrcode表的狀態(tài)，如果存在了uid那么證明登陸成功！也就可以用其中的uid自動(dòng)登錄了。

4、以上

關(guān)鍵就是login_qrcode這個(gè)中間表起了橋梁的作用，一邊用來(lái)生成二維碼，一邊用來(lái)在微信端插入用戶uid，同時(shí)PC端檢測(cè)表的狀態(tài)變化從而實(shí)現(xiàn)了登錄。

三、代碼倉(cāng)庫(kù)

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

直接clone即可，有問(wèn)題提issue或者單獨(dú)私我

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: