How to implement WeChat PC QR code login using PHP-PHP Tutorial-php.cn

How to implement WeChat PC QR code login using PHP

墨辰丷

Release： 2023-03-26 21:04:01

Original

2340 people have browsed it

This article mainly introduces the implementation method of PHP WeChat PC QR code login, which has certain reference value. Interested friends can refer to it

1. Ideas:

The key to the idea is how to interact with the WeChat side. After all, currently WeChat login can only be done through the WeChat side.

But WeChat has a special method for generating custom QR codes, which allows us to display the QR code on the PC, and the value of the QR code can be what we define . In addition, there is a scan event in the WeChat development documentation, which can detect the user using WeChat to scan the QR code and obtain the value. In fact, the key to the problem lies in this value. This value is regarded as a communication ID between China Unicom PC and WeChat.

2. Specific implementation process (The following code uses the TP5 framework, and a major premise is that there is a public account of the service account)

1. Generate the QR code on PC:

The code is as follows:

Controller:

namespace app\home\controller;

class Recognition extends Base{

  public function seeLoginQrcode(){
    $qrcode_return = model(&#39;Recognition&#39;)->getLoginQrcode();
    if($qrcode_return[&#39;error_code&#39;]){
      return $this->returnJson("获取失败！",0);
    }else{
      $data=array(
          &#39;url&#39;=>$qrcode_return[&#39;ticket&#39;],
          &#39;qrcode_id&#39;=>$qrcode_return[&#39;id&#39;],
      );
      return $this->returnJson("获取成功！",1,$data);
    }
  }
}

Copy after login

model:

namespace app\common\model;

use think\Model;
class Recognition extends Model{
  protected $autoWriteTimestamp = false;
  //生成登录用的临时二维码
  public function getLoginQrcode(){
    $appid   = config(&#39;THINK_SDK_WEIXIN.APP_KEY&#39;);
    $appsecret = config(&#39;THINK_SDK_WEIXIN.APP_SECRET&#39;);
    if(empty($appid) || empty($appsecret)){
      return(array(&#39;error_code&#39;=>true,&#39;msg&#39;=>&#39;请联系管理员配置【AppId】【 AppSecret】&#39;));
    }

    $database_login_qrcode = model(&#39;LoginQrcode&#39;);
    $database_login_qrcode->where(array(&#39;add_time&#39;=>array(&#39;lt&#39;,($_SERVER[&#39;REQUEST_TIME&#39;]-604800))))->delete();

    $data_login_qrcode[&#39;add_time&#39;] = $_SERVER[&#39;REQUEST_TIME&#39;];
    $database_login_qrcode->save($data_login_qrcode);
    $qrcode_id = $database_login_qrcode->getLastInsID();
    if(empty($qrcode_id)){
      return(array(&#39;error_code&#39;=>true,&#39;msg&#39;=>&#39;获取二维码错误！无法写入数据到数据库。请重试。&#39;));
    }

    import(&#39;Net.Http&#39;);
    $http = new \Http();

    //微信授权获得access_token
    $access_token_array = model(&#39;AccessTokenExpires&#39;)->getAccessToken();
    if ($access_token_array[&#39;errcode&#39;]) {
      return(array(&#39;error_code&#39;=>true,&#39;msg&#39;=>&#39;获取access_token发生错误：错误代码&#39; . $access_token_array[&#39;errcode&#39;] .&#39;,微信返回错误信息：&#39; . $access_token_array[&#39;errmsg&#39;]));
    }
    $access_token = $access_token_array[&#39;access_token&#39;];

    $qrcode_url=&#39;https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=&#39;.$access_token;
    $post_data[&#39;expire_seconds&#39;] = 604800;
    $post_data[&#39;action_name&#39;] = &#39;QR_SCENE&#39;;
    $post_data[&#39;action_info&#39;][&#39;scene&#39;][&#39;scene_id&#39;] = $qrcode_id;

    $json = $http->curlPost($qrcode_url,json_encode($post_data));
    if (!$json[&#39;errcode&#39;]){
      $condition_login_qrcode[&#39;id&#39;]=$qrcode_id;
      $data_login_qrcode[&#39;id&#39;] = $qrcode_id;
      $data_login_qrcode[&#39;ticket&#39;] = $json[&#39;ticket&#39;];
      if($database_login_qrcode->isUpdate(true)->save($data_login_qrcode)){
        return(array(&#39;error_code&#39;=>false,&#39;id&#39;=>$qrcode_id,&#39;ticket&#39;=>&#39;https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=&#39;.urlencode($json[&#39;ticket&#39;])));
      }else{
        $database_login_qrcode->where($condition_login_qrcode)->delete();
        return(array(&#39;error_code&#39;=>true,&#39;msg&#39;=>&#39;获取二维码错误！保存二维码失败。请重试。&#39;));
      }
    }else{
      $condition_login_qrcode[&#39;id&#39;] = $qrcode_id;
      $database_login_qrcode->where($condition_login_qrcode)->delete();
      return(array(&#39;error_code&#39;=>true,&#39;msg&#39;=>&#39;发生错误：错误代码 &#39;.$json[&#39;errcode&#39;].&#39;，微信返回错误信息：&#39;.$json[&#39;errmsg&#39;]));
    }
  }
}

Copy after login

You can see the return after success:

Copy code The code is as follows:

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

There is an id value, In fact, it represents the value of the QR code!

Then the ticket is the link to the QR code. That is to say, the value obtained by scanning this QR code in the scan event is this id.

Check out the WeChat processing below

1. After scanning the QR code:

namespace app\mobile\controller;

class Wechat extends Base{

  public function index()
  {
    import(&#39;Wechat.Wechat&#39;);
    $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[&#39;MsgType&#39;] == &#39;event&#39;) {
      $id = $data[&#39;EventKey&#39;];
      switch (strtoupper($data[&#39;Event&#39;])) {
        case &#39;SCAN&#39;:
          return $this->scan($id, $data[&#39;FromUserName&#39;]);
        case &#39;CLICK&#39;:
          //回复？
          return array(&#39;click&#39;, &#39;text&#39;);
          break;
        case &#39;SUBSCRIBE&#39;:
          //关注
          return array(&#39;Welcome&#39;, &#39;text&#39;);
          break;
        case &#39;UNSUBSCRIBE&#39;:
          //取关

          return array(&#39;BYE-BYE&#39;, &#39;text&#39;);
        case &#39;LOCATION&#39;:
          //定位

          break;
      }
    }
    else {
      if ($data[&#39;MsgType&#39;] == &#39;text&#39;) {
        return array("测试成功！",&#39;text&#39;);
      }

      if ($data[&#39;MsgType&#39;] == &#39;location&#39;) {

      }

      if (import(&#39;@.ORG.&#39; . $data[&#39;MsgType&#39;] . &#39;MessageReply&#39;)) {

      }
    }

    return false;
  }
  private function scan($id, $openid = &#39;&#39;, $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;);
    }
  }
}

Copy after login

The above Scan method has this Judgment, you can see:

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

$id is the corresponding QR code The value is the id we generated before (in fact, in order to distinguish various events in Scan, we deliberately incremented the login_qrcode table where the id is located starting from 1000000000).

Then look at the processing behind 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;);
       }

Copy after login

If the conditions are met and there is a user with the openid, update the login_qrcode table and change the uid to the user id. (Here is the key, why is the uid of the data corresponding to the id updated to the user id even if the user is logged in).

3. Continue to look at the PC side. The PC segment did not stop requesting after obtaining the QR code in 1, but instead trained a method:

* 微信登录异步请求
   * @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);
      }
  }

Copy after login

You can see that the above method obtains the qrcode_id, which is the id returned in 1, and the other return is the QR code.

The rotation training process is to use this ID to continuously check the status of the login_qrcode table. If the uid exists, it proves that the login is successful! You can use the uid to log in automatically.

4. The key to the above

is that the intermediate table login_qrcode acts as a bridge. It is used to generate QR codes on one side and insert the user uid on the WeChat side on the other. At the same time, the PC side detects the table. The status change enables login.

Related recommendations:

PHP generationWeChat QR codeExample

##WeChat QR codeJS code analysis during login

Jquery web page

微信QR code Specific implementation of the tile scrolling effect

The above is the detailed content of How to implement WeChat PC QR code login using PHP. For more information, please follow other related articles on the PHP Chinese website!