本文實例講述了微信JS-SDK自訂分享功能。分享給大家供大家參考,具體如下:
分享出去的內容,可以透過jssdk進行修改。
1.設定jssdk
Wx_config.html
<?php import("@.ORG.jssdk"); $jssdk = new JSSDK(C('oauth_config.appid'), C('oauth_config.appsecret')); $signPackage = $jssdk->GetSignPackage(); ?>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> wx.config({ debug: false, appId: '<?php echo $signPackage["appId"];?>', timestamp: '<?php echo $signPackage["timestamp"];?>', nonceStr: '<?php echo $signPackage["nonceStr"];?>', signature: '<?php echo $signPackage["signature"];?>', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'chooseImage', 'uploadImage' ] }); </script>
蟎後台取得wxShare資料
<script> // 微信JSSDK开发 wx.ready(function () { // 分享给朋友 wx.onMenuShareAppMessage({ title: '{sh:$wxShare.title}', // 商品名 desc: '{sh:$wxShare.desc}', // 店铺名 link: '{sh:$wxShare.link}', // 商品购买地址 imgUrl: '{sh:$wxShare.imgUrl}', // 分享的图标 fail: function (res) { alert(JSON.stringify(res)); } }); // 分享到朋友圈 wx.onMenuShareTimeline({ title: '{sh:$wxShare.title}', // 商品名 link: '{sh:$wxShare.link}', // 商品购买地址 imgUrl: '{sh:$wxShare.imgUrl}', // 分享的图标 fail: function (res) { alert(JSON.stringify(res)); } }); }); </script>
這裡的地址,必須為絕對地址。否則相對地址,微信無法辨識。
如果不設置,就會是預設的標題,預設的logo,預設的詳情。設定了事件,就會按照自己想要的內容分享出去。
4.我要經銷頁面,原始碼
/**** 获取微信分享数据 ****/ $shop_id = $this->_get('shop_id','intval'); $wxShare['title'] = $goodsData['name']; $wxShare['desc'] = $store['name']; $wxShare['imgUrl']= $this->siteUrl.$goodsData['logoimg']; $wxShare['link'] = $this->siteUrl.U('Goods/info',array('id'=>$goodsData['id'],'shop_id'=>$shop_id)); $this->assign('wxShare',$wxShare);