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>