一、思路：

思路關鍵在於如何與微信端互動起來，畢竟目前微信登入只能是在微信端。
但是微信有一個特殊的方法用於生成自定義的二維碼，這就讓我們能夠在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<[email protected]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/erwmlogin

直接clone即可，有問題提issue或者單獨私我