Thinkphp调用微信扫一扫实例，学会再也不怕客户在微信提的奇葩要求了

Posted 2021-03-20 潇潇六月雨

哎！苦于客户一直要求，官方文档看起来又蛋疼，磨了一个下午整理出一套试用Thinkphp 调用微信扫一扫示例
别小瞧这些代码哦，它们能帮你实现几乎所有的微信功能^_^

1 先在Thinkphp -- Vendor 目录下面创建WxJDK文件夹，然后在创建文件jssdk.php.

 

<?php
    
    
    # +===========================================================================
    # | Author     : cq   <[e-mail]>
    # | 微信文档 :https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
    # +===========================================================================
    
    class JSSDK {
        
        　# - 公众号appid ，公众号开发配置处可查看
          public     $appId;
      
          # - 公众号appi ， 公众号开发配置处可查看
          private $appSecret;
      
      
         /**
            * @name         初始化参数
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          public function __construct( $appId , $appSecret ) {
          
            $this    -> appId             = $appId;
        
            $this     -> appSecret         = $appSecret;
          }
      
      
          /**
            * @name         获取accessToken
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
        public function getAcc(){
            
            return $this -> getAccessToken();
        }
        
        
          /**
            * @name         获取config接口注入权限验证配置
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          public function getWxConfig() {
          
              # - 获取 jsapi_ticket
            $jsapiTicket = $this -> getJsApiTicket();
        
            # - 获取调用页面的url
            $protocol = (!empty($_SERVER[‘HTTPS‘]) && $_SERVER[‘HTTPS‘] !== ‘off‘ || $_SERVER[‘SERVER_PORT‘] == 443) ? "https://" : "http://";
            $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
                
            # - 时间戳
            $timestamp = time();
            
            # - 获取随机字符串
            $nonceStr = $this -> createNonceStr();
        
            # - 这里参数的顺序要按照 key 值 ASCII 码升序排序
            # - 亦可把参数以数组存值，ksort() - 以升序对关联数组进行排序
            $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
            
            # - sha1获取签名
            $signature = sha1($string);
                
            # - 页面所需注入参数
            $WxConfig = array(
              "appId"     => $this -> appId,
              "nonceStr"  => $nonceStr,
              "timestamp" => $timestamp,
              "url"       => $url,
              "signature" => $signature,
              "rawString" => $string
            );
            
            # - 返回
            return $WxConfig; 
          }
         
         
         /**
            * @name         获取JsApiTicket
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          private function getJsApiTicket() {
              
              # - 判断缓存
            $ticket = S(‘ticket‘);
            
            if(!$ticket) {
                
                # - 获取
                  $accessToken = $this->getAccessToken();
                  
                  # - 获取Ticket
                  # - 如果是企业号用以下 URL 获取 ticket
                  $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
                  
                  # - get请求，转换数组
                  $result = json_decode($this->httpGet($url),true);
                  $ticket = $result[‘ticket‘];
                  
                  # - 全局缓存
                  if ($ticket) {
                      
                      # - 官方返回
                      # - {
                    # -        "errcode":0,
                    # -        "errmsg":"ok",
                    # -        "ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
                    # -     "expires_in":7200
                    # - }
                    S(‘ticket‘,$ticket,$result[‘expires_in‘]);
                  }
            }
            
            # - 返回
            return $ticket;
          }
        
        
        /**
            * @name         获取AccessToken
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          private function getAccessToken() {
              
              
              # - 判断缓存
            $access_token = S(‘accesToken‘);
            
            if(!$access_token) {
                
                # - 如果是企业号用以下URL获取access_token
                $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";
                  
                  # - get请求，转换数组
                  $result = json_decode($this->httpGet($url),true);
              
                  $access_token = $result[‘access_token‘];
                  
                  # - 全局缓存
                  if ($access_token) {
                      
                    S(‘accesToken‘,$result[‘access_token‘],$result[‘expires_in‘]);
                  }
            }
            
            # - 返回
            return $access_token;
          }
        
        /**
            * @name         GET请求
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          private function httpGet($url) {
              
              # - 初始化
            $curl = curl_init();
            
            # - 为保证第三方服务器与微信服务器之间数据传输的安全性，所有微信接口采用https方式调用，必须使用下面2行代码打开ssl安全校验。
            # - 如果在部署过程中代码在此处验证失败，请到 http://curl.haxx.se/ca/cacert.pem 下载新的证书判别文件。
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);
            curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);
            
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
            curl_setopt($curl, CURLOPT_TIMEOUT, 500);
            curl_setopt($curl, CURLOPT_URL, $url);
            
            # - 请求
            $res = curl_exec($curl);
            
            # - 关闭
            curl_close($curl);
            
            # - 返回
            return $res;
          }
    

          /**
            * @name         产生随机字符串
            * @author         cq <[e-mail]> 
            * @copyright    zydbbt 2018-10-27 
            */
          private function createNonceStr($length = 16) {
          
            $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
            
            $str = "";
            
            for ($i = 0; $i < $length; $i++) {
                
              $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
              
            }
            
            return $str;
          }
    }

 

2 把网站的Ip 授权,不然无法获取access_token值，那么jspai_ticket也将无法获取

使用方法看下列代码：
php：action如下

/**
     * # +========================================================================
     * # | - @name        初始化参数
     * # | - @author      cq <[e-mail]> 
     * # | - @copyright   zmtek 2018-11-12
     * # +------------------------------------------------------------------------
     * # | - 1.初始化传参值页面
     * # +========================================================================
     */
    public function _initialize() {
        
        # 引入
        Vendor(‘WxJDK.jssdk‘);
        
        # 公众号获取
        $appid = C(‘APPID‘);
        
        # 公众号获取
        $appSecret = C(‘APPSECRET‘);
        
        # 实例化
        $wx = new JSSDK($appid,$appSecret);
        
        # 获取参数
        $info = $wx-> getWxConfig();
        
        # 传参页面
        $this -> assign(‘wxConfig‘,$info);    
        
    }

html:页面如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <title>微信扫一扫</title>
    </head>
    <body>
        <h1 id="wxcode" style="text-align: center;">扫一扫</h1>
    </body>
    <script src="__ROOT__/statics/Wxshop/js/jquery.min.js" type="text/javascript"></script>
    <script src=‘https://res.wx.qq.com/open/js/jweixin-1.4.0.js‘></script>
    <script>

        wx.config({
            // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            debug: false,
            // 必填，公众号的唯一标识
            appId: "{$wxConfig.appId}",
            // 必填，生成签名的时间戳
            timestamp:"{$wxConfig.timestamp}",
            // 必填，生成签名的随机串
            nonceStr:"{$wxConfig.nonceStr}",
             // 必填，签名，见附录1
             signature:"{$wxConfig.signature}",
             // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
             jsApiList : [ ‘scanQRCode‘ ]
         });

    
        wx.error(function(res) {
    //      alert("----------出错了-----------：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
        });
    
        wx.ready(function() {
            wx.checkJsApi({
                 jsApiList : [‘scanQRCode‘],
                 success : function(res) {
                 }
            });
    
            //点击按钮扫描二维码
            $(‘#wxcode‘).click(function(){
//              alert(1);
                wx.scanQRCode({
                    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                    success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                        
                    }
                });
            })
                
            
    
        });
    </script>
</html>