owilson 2019-12-25
哎!苦于客户一直要求,官方文档看起来又蛋疼,磨了一个下午整理出一套试用Thinkphp 调用微信扫一扫示例
别小瞧这些代码哦,它们能帮你实现几乎所有的微信功能^_^
1 先在Thinkphp -- Vendor 目录下面创建WxJDK文件夹,然后在创建文件jssdk.php.
<?php # +=========================================================================== # | Author : cq <> # | 微信文档 :https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 # +=========================================================================== class JSSDK { # - 公众号appid ,公众号开发配置处可查看 public $appId; # - 公众号appi , 公众号开发配置处可查看 private $appSecret; /** * @name 初始化参数 * @author cq <> * @copyright zydbbt 2018-10-27 */ public function __construct( $appId , $appSecret ) { $this -> appId = $appId; $this -> appSecret = $appSecret; } /** * @name 获取accessToken * @author cq <> * @copyright zydbbt 2018-10-27 */ public function getAcc(){ return $this -> getAccessToken(); } /** * @name 获取config接口注入权限验证配置 * @author cq <> * @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×tamp=$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 <> * @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 <> * @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 <> * @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 <> * @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 <> * # | - @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>