一、思路：

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

但是微信有一个特殊的方法用于生成自定义的二维码，这就让我们能够在PC上显示二维码，而二维码的值可以是我们定义的。另外看微信开发文档中存在一个scan事件，可以检测用户使用微信扫描二维码并获取值。其实问题的关键就在于这个值，这个值算是一个联通PC和微信的通信ID了。

二、具体实现流程（下面代码使用了TP5的框架，有个大前提是存在一个服务号的公众号）

1、生成PC端的二维码：

代码如下：

控制器：

namespace apphomecontroller;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 appcommonmodel;use thinkModel;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 appmobilecontroller;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 	hinkesponseJson   * 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或者单独私我

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持网页设计。