最近有一个网页需要用到微信分享。
按照官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#63
使用最新的:http://res.wx.qq.com/open/js/jweixin-1.6.0.js
结果,使用 updateAppMessageShareData 方法分享的时候,还没点击按钮,就分享成功。页面刚加载进来,就分享成功了。。巨大的坑
微信的官方文档真不友好,新的jssdk也真不好用。没办法,用旧的SDK 吧~
直接使用1.2版本:<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
php需要生成签名等参数:
//微信分享参数 $appId=$this->appID; $timestamp=time(); $nonceStr=$this->createNonceStr(); $url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $ticket=$this->getJsApiTicket(); $string = "jsapi_ticket=$ticket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; $signature = sha1($string); $shareUrl=$this->index; //生成随机字符串 public 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; } //获取全局access_token public function getAccessToken(){ $accessToken=Cache::get($this->cacheName); if (empty($accessToken)){ $url = ‘https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=‘.$this->appID.‘&secret=‘.$this->appSecret; $res=$this->httpCurl($url); if (empty($res[‘access_token‘])){ die($res[‘error‘]); } $accessToken=$res[‘access_token‘]; Cache::put($this->cacheName,$accessToken,7000); } return $accessToken; } //获取ticket public function getJsApiTicket() { // jsapi_ticket 应该全局存储与更新,以下代码以写入到文件中做示例 $ticket=Cache::get($this->ticketName); if (empty($ticket)) { $accessToken = $this->getAccessToken(); $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken"; $res = $this->httpCurl($url); if (empty($res[‘ticket‘])){ die($res[‘errcode‘]); } $ticket=$res[‘ticket‘]; Cache::put($this->ticketName,$ticket,7000); } return $ticket; }
然后前端页面分享:
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script> var appId=‘<?=$appId?>‘; var timestamp=‘<?=$timestamp?>‘; var nonceStr=‘<?=$nonceStr?>‘; var signature=‘<?=$signature?>‘; var url=‘<?=$shareUrl?>‘; var imgUrl=‘http://bpic.588ku.com/element_banner/20/20/12/148e946defcb5d5ec03dfd3b594c1e77.jpg‘; //注入配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: appId, // 必填,公众号的唯一标识 timestamp: timestamp, // 必填,生成签名的时间戳 nonceStr: nonceStr, // 必填,生成签名的随机串 signature: signature,// 必填,签名 jsApiList: ["onMenuShareAppMessage","onMenuShareTimeline"] // 必填,需要使用的JS接口列表 }); wx.ready(function () { // 在这里调用 API /*分享朋友圈*/ wx.onMenuShareTimeline({ title: ‘‘, // 分享标题 link:url, desc: ‘述‘, // 分享描述 imgUrl: imgUrl, // 分享图标 success: function () { alert(‘666‘); // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享朋友 wx.onMenuShareAppMessage({ title: ‘‘, // 分享标题 link:url, desc: ‘‘, // 分享描述 imgUrl: imgUrl, // 分享图标 type: ‘link‘, // 分享类型,music、video或link,不填默认为link dataUrl: ‘‘, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { alert(‘777‘); // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); </script>
注意:这2个接口官方说了好久即将废弃,也不知道什么时候废弃。。
新接口有bug,只能将就着用了。