PHP實作微信PC端二維碼登入

巴扎黑
發布: 2023-03-15 07:50:01
原創
5279 人瀏覽過

這篇文章主要介紹了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']));
    }
  }
}
登入後複製

可以看到成功後回傳:

##複製程式碼 程式碼如下:

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(&#39;Member&#39;)->field(&#39;id&#39;)->where(array(&#39;third_id&#39; => $openid))->find()) {
         $data=array(
           &#39;id&#39;=>$id,
           &#39;uid&#39;=> $user[&#39;id&#39;]
         );
         model(&#39;LoginQrcode&#39;)->isUpdate()->save($data);
         return array(&#39;登陆成功&#39;, &#39;text&#39;);
       }
       $data=array(
         &#39;id&#39;=>$id,
         &#39;uid&#39;=>-1
       );
       model(&#39;LoginQrcode&#39;)->isUpdate(true)->save($data);
      $return[] = array(&#39;点击授权登录&#39;, &#39;&#39;,config(&#39;SITE_LOGO&#39;), config(&#39;SITE_URL&#39;) . &#39;/mobile/WechatBind/ajaxWebLogin?qrcode_id=&#39; . $id);
      return array($return, &#39;news&#39;);
    }
  }
}
登入後複製

上面的Scan方法有這個判斷,可以看到是:

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

其中的$id,就是對應的二維碼的值,也就是之前我們產生的id(其實我們為了區分Scan中的各種事件,刻意將id所在的login_qrcode表自增id從1000000000開始)。

然後看if後面的處理:


if ($user = model(&#39;Member&#39;)->field(&#39;id&#39;)->where(array(&#39;third_id&#39; => $openid))->find()) {
         $data=array(
           &#39;id&#39;=>$id,
           &#39;uid&#39;=> $user[&#39;id&#39;]
         );
         model(&#39;LoginQrcode&#39;)->isUpdate()->save($data);
         return array(&#39;登陆成功&#39;, &#39;text&#39;);
       }
登入後複製

如果滿足條件,並且存在該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(&#39;LoginQrcode&#39;);
        $condition_login_qrcode[&#39;id&#39;] = input(&#39;get.qrcode_id&#39;);
        if(empty($condition_login_qrcode[&#39;id&#39;])){
          return $this->returnJson(&#39;未获取到qrcode_id!&#39;,0);
        }
        $now_qrcode = $database_login_qrcode->field(&#39;`uid`&#39;)->where($condition_login_qrcode)->find();
        if (!empty($now_qrcode[&#39;uid&#39;])) {
          if ($now_qrcode[&#39;uid&#39;] == -1) {
            $data_login_qrcode[&#39;uid&#39;] = 0;
            $database_login_qrcode->where($condition_login_qrcode)->isUpdate(true)->save($data_login_qrcode);
            return $this->returnJson(&#39;请在微信公众号点击授权登录!&#39;,0);
          }
          $database_login_qrcode->where($condition_login_qrcode)->delete();
          $result = model(&#39;Member&#39;)->autologin(&#39;id&#39;, $now_qrcode[&#39;uid&#39;]);
          if (empty($result[&#39;error_code&#39;])) {
            return $this->returnJson(&#39;登录成功!&#39;,1,$result[&#39;user&#39;]);
          } else if ($result[&#39;error_code&#39;] == 1001) {
            return $this->returnJson(&#39;没有查找到用户,请重新扫描二维码!&#39;,0);
          } else if ($result[&#39;error_code&#39;]) {
            return $this->returnJson(&#39;登陆失败!&#39;,0);
          }
        }
        if ($i == 5) {
          return $this->returnJson(&#39;登陆失败&#39;,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實作微信PC端二維碼登入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板