zoukankan      html  css  js  c++  java
  • php(ThinkPHP)实现微信小程序的登录过程

    源码也在github中给出
    https://github.com/wulongtao/think-wxminihelper

    下面结合thinkPHP框架来实现以下微信小程序的登录流程,这些流程是结合了官网和github的一个网站综合实现的

    https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html?t=2017112#wxloginobject

    https://github.com/cantoo/learning-wxapp/blob/master/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%99%BB%E5%BD%95%E6%80%81%E9%AA%8C%E8%AF%81%E6%B5%81%E7%A8%8B.md

    把登录流程做了一下简单的封装,也可以直接使用composer下载直接使用:

    composer require xxh/think-wxminihelper


    1:


    登录流程图参考了如下两个图:

     

    按照上面的步骤,代码实现如下:

    小程序端代码:

    /**
    * 登录
    */
    function wxLogin(func) {
    //调用登录接口
    //1.小程序调用wx.login得到code.
    wx.login({
    success: function (res) {
    var code = res['code'];
    //2.小程序调用wx.getUserInfo得到rawData, signatrue, encryptData.
    wx.getUserInfo({
    success: function (info) {
    console.log(info);
    var rawData = info['rawData'];
    var signature = info['signature'];
    var encryptData = info['encryptData'];
    var encryptedData = info['encryptedData']; //注意是encryptedData不是encryptData...坑啊
    var iv = info['iv'];
    
    //3.小程序调用server获取token接口, 传入code, rawData, signature, encryptData.
    wx.request({
    url: constants.LOGIN_URL,
    data: {
    "code" : code,
    "rawData" : rawData,
    "signature" : signature,
    "encryptData" : encryptData,
    'iv' : iv,
    'encryptedData': encryptedData
    },
    success: function(res) {
    if(res.statusCode != 200) {
    wx.showModal({
    title: '登录失败'
    });
    }
    typeof func == "function" && func(res.data);
    }
    });
    }
    });
    
    }
    });
    
    
    }

    后台PHP代码:

    public function wxLogin() {
    /**
    * 3.小程序调用server获取token接口, 传入code, rawData, signature, encryptData.
    */
    $code = input("code", '', 'htmlspecialchars_decode');
    $rawData = input("rawData", '', 'htmlspecialchars_decode');
    $signature = input("signature", '', 'htmlspecialchars_decode');
    $encryptedData = input("encryptedData", '', 'htmlspecialchars_decode');
    $iv = input("iv", '', 'htmlspecialchars_decode');
    
    /**
    * 4.server调用微信提供的jsoncode2session接口获取openid, session_key, 调用失败应给予客户端反馈
    * , 微信侧返回错误则可判断为恶意请求, 可以不返回. 微信文档链接
    * 这是一个 HTTP 接口,开发者服务器使用登录凭证 code 获取 session_key 和 openid。其中 session_key 是对用户数据进行加密签名的密钥。
    * 为了自身应用安全,session_key 不应该在网络上传输。
    * 接口地址:"https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code"
    */
    $params = [
    'appid' => $this->appid,
    'secret' => $this->secret,
    'js_code' => $code,
    'grant_type' => $this->grant_type
    ];
    $res = makeRequest($this->url, $params);
    
    if ($res['code'] !== 200 || !isset($res['result']) || !isset($res['result'])) {
    return json(ret_message('requestTokenFailed'));
    }
    $reqData = json_decode($res['result'], true);
    if (!isset($reqData['session_key'])) {
    return json(ret_message('requestTokenFailed'));
    }
    $sessionKey = $reqData['session_key'];
    
    /**
    * 5.server计算signature, 并与小程序传入的signature比较, 校验signature的合法性, 不匹配则返回signature不匹配的错误. 不匹配的场景可判断为恶意请求, 可以不返回.
    * 通过调用接口(如 wx.getUserInfo)获取敏感数据时,接口会同时返回 rawData、signature,其中 signature = sha1( rawData + session_key )
    *
    * 将 signature、rawData、以及用户登录态发送给开发者服务器,开发者在数据库中找到该用户对应的 session-key
    * ,使用相同的算法计算出签名 signature2 ,比对 signature 与 signature2 即可校验数据的可信度。
    */
    $signature2 = sha1($rawData . $sessionKey);
    
    if ($signature2 !== $signature) return ret_message("signNotMatch");
    
    /**
    *
    * 6.使用第4步返回的session_key解密encryptData, 将解得的信息与rawData中信息进行比较, 需要完全匹配,
    * 解得的信息中也包括openid, 也需要与第4步返回的openid匹配. 解密失败或不匹配应该返回客户相应错误.
    * (使用官方提供的方法即可)
    */
    $pc = new WXBizDataCrypt($this->appid, $sessionKey);
    $errCode = $pc->decryptData($encryptedData, $iv, $data );
    
    if ($errCode !== 0) {
    return json(ret_message("encryptDataNotMatch"));
    }
    
    
    /**
    * 7.生成第三方3rd_session,用于第三方服务器和小程序之间做登录态校验。为了保证安全性,3rd_session应该满足:
    * a.长度足够长。建议有2^128种组合,即长度为16B
    * b.避免使用srand(当前时间)然后rand()的方法,而是采用操作系统提供的真正随机数机制,比如Linux下面读取/dev/urandom设备
    * c.设置一定有效时间,对于过期的3rd_session视为不合法
    *
    * 以 $session3rd 为key,sessionKey+openId为value,写入memcached
    */
    $data = json_decode($data, true);
    $session3rd = randomFromDev(16);
    
    $data['session3rd'] = $session3rd;
    cache($session3rd, $data['openId'] . $sessionKey);
    
     
    
    return json($data);
    }


    一些用到的工具函数:

    /**
    * 返回信息
    * @param $message
    * @return array
    */
    function ret_message($message = "") {
    if ($message == "") return ['result'=>0, 'message'=>''];
    $ret = lang($message);
    
    if (count($ret) != 2) {
    return ['result'=>-1,'message'=>'未知错误'];
    }
    return array(
    'result' => $ret[0],
    'message' => $ret[1]
    );
    }
    
    /**
    * 发起http请求
    * @param string $url 访问路径
    * @param array $params 参数,该数组多于1个,表示为POST
    * @param int $expire 请求超时时间
    * @param array $extend 请求伪造包头参数
    * @param string $hostIp HOST的地址
    * @return array 返回的为一个请求状态,一个内容
    */
    function makeRequest($url, $params = array(), $expire = 0, $extend = array(), $hostIp = '')
    {
    if (empty($url)) {
    return array('code' => '100');
    }
    
    $_curl = curl_init();
    $_header = array(
    'Accept-Language: zh-CN',
    'Connection: Keep-Alive',
    'Cache-Control: no-cache'
    );
    // 方便直接访问要设置host的地址
    if (!empty($hostIp)) {
    $urlInfo = parse_url($url);
    if (empty($urlInfo['host'])) {
    $urlInfo['host'] = substr(DOMAIN, 7, -1);
    $url = "http://{$hostIp}{$url}";
    } else {
    $url = str_replace($urlInfo['host'], $hostIp, $url);
    }
    $_header[] = "Host: {$urlInfo['host']}";
    }
    
    // 只要第二个参数传了值之后,就是POST的
    if (!empty($params)) {
    curl_setopt($_curl, CURLOPT_POSTFIELDS, http_build_query($params));
    curl_setopt($_curl, CURLOPT_POST, true);
    }
    
    if (substr($url, 0, 8) == 'https://') {
    curl_setopt($_curl, CURLOPT_SSL_VERIFYPEER, FALSE);
    curl_setopt($_curl, CURLOPT_SSL_VERIFYHOST, FALSE);
    }
    curl_setopt($_curl, CURLOPT_URL, $url);
    curl_setopt($_curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($_curl, CURLOPT_USERAGENT, 'API PHP CURL');
    curl_setopt($_curl, CURLOPT_HTTPHEADER, $_header);
    
    if ($expire > 0) {
    curl_setopt($_curl, CURLOPT_TIMEOUT, $expire); // 处理超时时间
    curl_setopt($_curl, CURLOPT_CONNECTTIMEOUT, $expire); // 建立连接超时时间
    }
    
    // 额外的配置
    if (!empty($extend)) {
    curl_setopt_array($_curl, $extend);
    }
    
    $result['result'] = curl_exec($_curl);
    $result['code'] = curl_getinfo($_curl, CURLINFO_HTTP_CODE);
    $result['info'] = curl_getinfo($_curl);
    if ($result['result'] === false) {
    $result['result'] = curl_error($_curl);
    $result['code'] = -curl_errno($_curl);
    }
    
    curl_close($_curl);
    return $result;
    }
    
    /**
    * 读取/dev/urandom获取随机数
    * @param $len
    * @return mixed|string
    */
    function randomFromDev($len) {
    $fp = @fopen('/dev/urandom','rb');
    $result = '';
    if ($fp !== FALSE) {
    $result .= @fread($fp, $len);
    @fclose($fp);
    }
    else
    {
    trigger_error('Can not open /dev/urandom.');
    }
    // convert from binary to string
    $result = base64_encode($result);
    // remove none url chars
    $result = strtr($result, '+/', '-_');
    
    return substr($result, 0, $len);
    }

     -----------------------------以上php(ThinkPHP)实现微信小程序的登录过程END------------------------------------------------

    简易版本:

    ###微信小程序端
    1).调用wx.login获取 code 。
    2).调用wx.getUserInfo获取签名所需的 rawData , signatrue , encryptData 。
    3).发起请求将获取的数据发送的后台。

    login: function(e) {
            var that = this;
            wx.login({
              success: function(res){
                var code = res.code;  //获取code
                wx.getUserInfo({  //得到rawData, signatrue, encryptData
                  success: function(data){
                    var rawData = data.rawData;
                    var signature = data.signature;
                    var encryptedData = data.encryptedData; 
                    var iv = data.iv;
                    wx.request({
                      url: '你自己的后台地址',
                      data: {
                        "code" : code,
                        "rawData" : rawData,
                        "signature" : signature,
                        'iv' : iv,
                        'encryptedData': encryptedData
                      },
                      method: 'GET', 
                      success: function(info){
                        console.log(info);
                      }
                    })
                  }
                })
              },
            })
        }

    ###服务端

    需下载微信官方解密文件。 —— [ 用户数据的签名验证和加解密 ]

    1.解压后会出现不同语言的文件包,这里用的是PHP,将文件夹放到vendor目录下。
    2.根据登陆凭证 code 获取 session_key 和 openid。
    3.数据签名校验。
    4.数据解密。
    5.生成第三方3rd_session并返回微信小程序端。

    public function car_login()
        {
            //开发者使用登陆凭证 code 获取 session_key 和 openid
            $APPID = $this->config->item('APPID');//自己配置
            $AppSecret = $this->config->item('AppSecret');//自己配置
            if(empty($this->input->post('code')) || empty($this->input->post('signature')) || empty($this->input->post('rawData')) || empty($this->input->post('encryptedData')) || empty($this->input->post('iv'))){
                $this->render(0,'参数缺失');
            }
            $code = $this->input->post('code');
            $url = "https://api.weixin.qq.com/sns/jscode2session?appid=" . $APPID . "&secret=" . $AppSecret . "&js_code=" . $code . "&grant_type=authorization_code";
            $arr = $this->vget($url);  // 一个使用curl实现的get方法请求
            $arr = json_decode($arr, true);
            if(empty($arr)||empty($arr['openid'])||empty($arr['session_key'])){
                $this->render(0,'请求微信接口失败,appid或私钥不匹配!');
            }
            $openid = $arr['openid'];
            $session_key = $arr['session_key'];
            // 数据签名校验
            $signature = $this->input->post('signature');
            $rawData = $this->input->post('rawData');
            $signature2 = sha1($rawData . $session_key);
            if ($signature != $signature2) {
                $this->render(0,'数据签名验证失败!');
            }
            require_once dirname(dirname(__DIR__)) . '/libraries/wx_aes/wxBizDataCrypt.php';
            $encryptedData = $this->input->post('encryptedData');
            $iv = $this->input->post('iv');
            $pc = new WXBizDataCrypt($APPID, $session_key);
            $errCode = $pc->decryptData($encryptedData, $iv, $data);  //其中$data包含用户的所有数据
            $data = json_decode($data,true);
            if ($errCode == 0) {
                $this->car_owner_model->api_save($data);
                $time = 2*60*60;
                $data['sid'] = md5($session_key);
                $key = 'ses_'.$data['sid'];
                $user_json = json_encode($data);
                $this->cache->redis->save($key,$user_json,$time);
                $this->return['data'] = $data;
            } else {
                $this->render(0,$errCode);
            }
        }
    
        public function vget($url){
            $info=curl_init();
            curl_setopt($info,CURLOPT_RETURNTRANSFER,true);
            curl_setopt($info,CURLOPT_HEADER,0);
            curl_setopt($info,CURLOPT_NOBODY,0);
            curl_setopt($info,CURLOPT_SSL_VERIFYPEER, false);
            curl_setopt($info,CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($info,CURLOPT_URL,$url);
            $output= curl_exec($info);
            curl_close($info);
            return $output;
        }

    公共控制器构造登录态验证

    /**
         * 构造函数,请求验证
         */
        public function __construct()
        {
            parent::__construct();
            $this->sid = $this->input->get_request_header('sid',TRUE);
            if(!$this->sid)
            {
                $this->render(0,'参数错误');
            }
            $key = 'ses_'.$this->sid;
            $this->user = json_decode($this->cache->redis->get($key),TRUE);
            if($this->user)
            {
                $this->openid = $this->user['openId'];
            }
            else
            {
                $this->render(-1,'未登录');
            }
        }
  • 相关阅读:
    沙雕玩意儿
    1558:聚会 ybt
    沙雕关于线段树的一点总结(滑稽)
    卑微
    沙雕题目 来自luogu
    甜茶好帅啊
    python 中字符串的格式化
    python的几个小程序
    python 第一课
    基于笔画宽度变换的自然场景文本检测方法
  • 原文地址:https://www.cnblogs.com/liangzia/p/9957626.html
Copyright © 2011-2022 走看看