ZLW-PC\Administrator
7 years ago
10 changed files with 348 additions and 6 deletions
-
26resources/org/wxJsSdk/README.txt
-
2resources/org/wxJsSdk/access_token.php
-
42resources/org/wxJsSdk/demo.php
-
2resources/org/wxJsSdk/jsapi_ticket.php
-
134resources/org/wxJsSdk/jssdk.php
-
41resources/views/weixin/cart/cartCheckout.blade.php
-
101resources/views/weixin/common/wxshare.blade.php
-
2resources/views/weixin/user/login.blade.php
-
2resources/views/weixin/user/register.blade.php
@ -0,0 +1,26 @@ |
|||||
|
|
||||
|
微信JS-SDK DEMO |
||||
|
|
||||
|
DEMO页面： |
||||
|
http://demo.open.weixin.qq.com/jssdk |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,2 @@ |
|||||
|
<?php exit();?>
|
||||
|
{"access_token":"","expire_time":0} |
||||
@ -0,0 +1,42 @@ |
|||||
|
<?php |
||||
|
require_once "jssdk.php"; |
||||
|
$jssdk = new JSSDK("yourAppID", "yourAppSecret"); |
||||
|
$signPackage = $jssdk->GetSignPackage(); |
||||
|
?>
|
||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<title></title> |
||||
|
</head> |
||||
|
<body> |
||||
|
|
||||
|
</body> |
||||
|
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> |
||||
|
<script> |
||||
|
/* |
||||
|
* 注意： |
||||
|
* 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 |
||||
|
* 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。 |
||||
|
* 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html |
||||
|
* |
||||
|
* 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈： |
||||
|
* 邮箱地址：weixin-open@qq.com |
||||
|
* 邮件主题：【微信JS-SDK反馈】具体问题 |
||||
|
* 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。 |
||||
|
*/ |
||||
|
wx.config({ |
||||
|
debug: true, |
||||
|
appId: '<?php echo $signPackage["appId"];?>', |
||||
|
timestamp: <?php echo $signPackage["timestamp"];?>,
|
||||
|
nonceStr: '<?php echo $signPackage["nonceStr"];?>', |
||||
|
signature: '<?php echo $signPackage["signature"];?>', |
||||
|
jsApiList: [ |
||||
|
// 所有要调用的 API 都要加到这个列表中
|
||||
|
] |
||||
|
}); |
||||
|
wx.ready(function () { |
||||
|
// 在这里调用 API
|
||||
|
}); |
||||
|
</script> |
||||
|
</html> |
||||
@ -0,0 +1,2 @@ |
|||||
|
<?php exit();?>
|
||||
|
{"jsapi_ticket":"","expire_time":0} |
||||
@ -0,0 +1,134 @@ |
|||||
|
<?php |
||||
|
class JSSDK |
||||
|
{ |
||||
|
private $appId; |
||||
|
private $appSecret; |
||||
|
|
||||
|
public function __construct($appId, $appSecret) |
||||
|
{ |
||||
|
$this->appId = $appId; |
||||
|
$this->appSecret = $appSecret; |
||||
|
} |
||||
|
|
||||
|
public function getSignPackage() |
||||
|
{ |
||||
|
$jsapiTicket = $this->getJsApiTicket(); |
||||
|
|
||||
|
// 注意 URL 一定要动态获取，不能 hardcode.
|
||||
|
$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 码升序排序
|
||||
|
$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; |
||||
|
|
||||
|
$signature = sha1($string); |
||||
|
|
||||
|
$signPackage = array( |
||||
|
"appId" => $this->appId, |
||||
|
"nonceStr" => $nonceStr, |
||||
|
"timestamp" => $timestamp, |
||||
|
"url" => $url, |
||||
|
"signature" => $signature, |
||||
|
"rawString" => $string |
||||
|
); |
||||
|
|
||||
|
return $signPackage; |
||||
|
} |
||||
|
|
||||
|
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; |
||||
|
} |
||||
|
|
||||
|
private function getJsApiTicket() |
||||
|
{ |
||||
|
// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
|
||||
|
$data = json_decode($this->get_php_file("jsapi_ticket.php")); |
||||
|
if ($data->expire_time < time()) |
||||
|
{ |
||||
|
$accessToken = $this->getAccessToken(); |
||||
|
// 如果是企业号用以下 URL 获取 ticket
|
||||
|
// $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
|
||||
|
$url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken"; |
||||
|
$res = json_decode($this->httpGet($url)); |
||||
|
$ticket = $res->ticket; |
||||
|
if ($ticket) |
||||
|
{ |
||||
|
$data->expire_time = time() + 7000; |
||||
|
$data->jsapi_ticket = $ticket; |
||||
|
$this->set_php_file("jsapi_ticket.php", json_encode($data)); |
||||
|
} |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
$ticket = $data->jsapi_ticket; |
||||
|
} |
||||
|
|
||||
|
return $ticket; |
||||
|
} |
||||
|
|
||||
|
private function getAccessToken() |
||||
|
{ |
||||
|
// access_token 应该全局存储与更新，以下代码以写入到文件中做示例
|
||||
|
$data = json_decode($this->get_php_file("access_token.php")); |
||||
|
if ($data->expire_time < time()) |
||||
|
{ |
||||
|
// 如果是企业号用以下URL获取access_token
|
||||
|
// $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
|
||||
|
$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret"; |
||||
|
$res = json_decode($this->httpGet($url)); |
||||
|
$access_token = $res->access_token; |
||||
|
if ($access_token) |
||||
|
{ |
||||
|
$data->expire_time = time() + 7000; |
||||
|
$data->access_token = $access_token; |
||||
|
$this->set_php_file("access_token.php", json_encode($data)); |
||||
|
} |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
$access_token = $data->access_token; |
||||
|
} |
||||
|
|
||||
|
return $access_token; |
||||
|
} |
||||
|
|
||||
|
private function httpGet($url) |
||||
|
{ |
||||
|
$curl = curl_init(); |
||||
|
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); |
||||
|
curl_setopt($curl, CURLOPT_TIMEOUT, 500); |
||||
|
// 为保证第三方服务器与微信服务器之间数据传输的安全性，所有微信接口采用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_URL, $url); |
||||
|
|
||||
|
$res = curl_exec($curl); |
||||
|
curl_close($curl); |
||||
|
|
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
private function get_php_file($filename) |
||||
|
{ |
||||
|
return trim(substr(file_get_contents($filename), 15)); |
||||
|
} |
||||
|
|
||||
|
private function set_php_file($filename, $content) |
||||
|
{ |
||||
|
$fp = fopen($filename, "w"); |
||||
|
fwrite($fp, "<?php exit();?>" . $content); |
||||
|
fclose($fp); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,101 @@ |
|||||
|
<?php |
||||
|
require_once(resource_path('org/wxJsSdk/jssdk.php')); |
||||
|
$jssdk = new \JSSDK(sysconfig('CMS_WX_APPID'), sysconfig('CMS_WX_APPSECRET')); |
||||
|
$signPackage = $jssdk->GetSignPackage(); |
||||
|
?>
|
||||
|
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> |
||||
|
<script type="text/javascript"> |
||||
|
/* |
||||
|
* 注意： |
||||
|
* 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 |
||||
|
* 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。 |
||||
|
* 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html |
||||
|
* |
||||
|
* 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈： |
||||
|
* 邮箱地址：weixin-open@qq.com |
||||
|
* 邮件主题：【微信JS-SDK反馈】具体问题 |
||||
|
* 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。 |
||||
|
*/ |
||||
|
wx.config({ |
||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||||
|
appId: '<?php echo $signPackage["appId"];?>', // 必填，公众号的唯一标识
|
||||
|
timestamp: '<?php echo $signPackage["timestamp"];?>', // 必填，生成签名的时间戳
|
||||
|
nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成签名的随机串
|
||||
|
signature: '<?php echo $signPackage["signature"];?>', // 必填，签名
|
||||
|
jsApiList: [ |
||||
|
// 所有要调用的 API 都要加到这个列表中
|
||||
|
'onMenuShareTimeline','onMenuShareAppMessage' |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
//获取网页描述
|
||||
|
var meta = document.getElementsByTagName('meta'); |
||||
|
var share_desc = ''; |
||||
|
for(i in meta) |
||||
|
{ |
||||
|
if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description") |
||||
|
{ |
||||
|
share_desc = meta[i].content; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
wx.ready(function () { |
||||
|
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
|
||||
|
// 在这里调用 API
|
||||
|
var title=document.title; |
||||
|
var desc=share_desc; |
||||
|
var url='{$shareurl}'; //分享链接
|
||||
|
var img='{$shareimg}'; //分享图标
|
||||
|
var subscribe='{$subscribe}'; //分享描述
|
||||
|
|
||||
|
// 分享给朋友
|
||||
|
wx.onMenuShareAppMessage({ |
||||
|
title: title, // 分享标题
|
||||
|
desc: desc, // 分享描述
|
||||
|
link: url, // 分享链接
|
||||
|
imgUrl: img, // 分享图标
|
||||
|
type: '', // 分享类型,music、video或link，不填默认为link
|
||||
|
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
|
||||
|
success: function () { |
||||
|
// 用户确认分享后执行的回调函数
|
||||
|
_share_success(); |
||||
|
}, |
||||
|
cancel: function () { |
||||
|
// 用户取消分享后执行的回调函数
|
||||
|
_share_error(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// 分享到朋友圈
|
||||
|
wx.onMenuShareTimeline({ |
||||
|
title: title, // 分享标题
|
||||
|
link: url, // 分享链接
|
||||
|
imgUrl: img, // 分享图标
|
||||
|
|
||||
|
success: function () { |
||||
|
// 用户确认分享后执行的回调函数
|
||||
|
_share_success(); |
||||
|
}, |
||||
|
cancel: function () { |
||||
|
// 用户取消分享后执行的回调函数
|
||||
|
_share_error(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
wx.error(function(res){ |
||||
|
console.log(res); |
||||
|
}); |
||||
|
|
||||
|
//分享成功
|
||||
|
function _share_success() |
||||
|
{ |
||||
|
alert('分享成功'); |
||||
|
} |
||||
|
|
||||
|
//分享失败
|
||||
|
function _share_error() |
||||
|
{ |
||||
|
alert('分享失败'); |
||||
|
} |
||||
|
}); |
||||
|
</script> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue