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


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

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

    <?php
        
        
        # +===========================================================================
        # | Author     : cq   <just_leaf@foxmail.com>
        # | 微信文档 :https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
        # +===========================================================================
        
        class JSSDK {
            
             # - 公众号appid ,公众号开发配置处可查看
              public     $appId;
          
              # - 公众号appi , 公众号开发配置处可查看
              private $appSecret;
          
          
             /**
                * @name         初始化参数
                * @author         cq <just_leaf@foxmail.com> 
                * @copyright    zydbbt 2018-10-27 
                */
              public function __construct( $appId , $appSecret ) {
              
                $this    -> appId             = $appId;
            
                $this     -> appSecret         = $appSecret;
              }
          
          
              /**
                * @name         获取accessToken
                * @author         cq <just_leaf@foxmail.com> 
                * @copyright    zydbbt 2018-10-27 
                */
            public function getAcc(){
                
                return $this -> getAccessToken();
            }
            
            
              /**
                * @name         获取config接口注入权限验证配置
                * @author         cq <just_leaf@foxmail.com> 
                * @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 <just_leaf@foxmail.com> 
                * @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 <just_leaf@foxmail.com> 
                * @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 <just_leaf@foxmail.com> 
                * @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 <just_leaf@foxmail.com> 
                * @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 <just_leaf@foxmail.com> 
         * # | - @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>
  • 相关阅读:
    axios 配置
    vue 配置App.js
    vue 挂载方式
    常用的js
    vuex
    vue搭建环境
    JS中 toString() & valueOf()
    html-webpack-plugin 中使用 title选项设置模版中的值无效
    webpack为什么加载不了css?
    visual studio for mac 安装文件
  • 原文地址:https://www.cnblogs.com/leaf-cq/p/8877270.html
Copyright © 2020-2023  润新知