PHP實現微信PC二維碼登陸代碼分享

來源:互聯網
上載者:User
本文主要和大家介紹PHPPC二維碼登陸的實現思路,具有一定的參考價值,感興趣的小夥伴們可以參考一下,希望能協助到大家。

一、思路:

思路關鍵在於如何與端互動起來,畢竟目前登入只能是在端。

但是有一個特殊的方法用於產生自訂的二維碼,這就讓我們能夠在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端檢測表的狀態變化從而實現了登入。

相關推薦:

註冊綁定頁面及二維碼登陸頁面開發項目總結_html/css_WEB-ITnose

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.