自定義分享的內(nèi)容和圖標
以下測試代碼要求放在內(nèi)容頁show.html
thumb是該內(nèi)容的縮略圖字段,我們以單文件File為例:
1、動態(tài)或在偽靜態(tài)示例:
{php $signPackage=dr_weixin_jssdk(); } <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script> 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: ['onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareAppMessage'] }); wx.ready(function () { // 在這里調(diào)用 API wx.onMenuShareTimeline({ title: '{$title}', // 分享標題 desc: '{$description}', // 分享描述 link: '{dr_now_url()}', // 分享鏈接 imgUrl: '{dr_get_file($thumb)}', // 分享圖標 success: function () { // 用戶確認分享后執(zhí)行的回調(diào)函數(shù) }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) } }); wx.onMenuShareAppMessage({ title: '{$title}', // 分享標題 desc: '{$description}', // 分享描述 link: '{dr_now_url()}', // 分享鏈接 imgUrl: '{dr_get_file($thumb)}', // 分享圖標 success: function () { // 用戶確認分享后執(zhí)行的回調(diào)函數(shù) }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) } }); wx.onMenuShareQQ({ title: '{$title}', // 分享標題 desc: '{$description}', // 分享描述 link: '{dr_now_url()}', // 分享鏈接 imgUrl: '{dr_get_file($thumb)}', // 分享圖標 success: function () { // 用戶確認分享后執(zhí)行的回調(diào)函數(shù) }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) } }); wx.onMenuShareQZone({ title: '{$title}', // 分享標題 desc: '{$description}', // 分享描述 link: '{dr_now_url()}', // 分享鏈接 imgUrl: '{dr_get_file($thumb)}', // 分享圖標 success: function () { // 用戶確認分享后執(zhí)行的回調(diào)函數(shù) }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) } }); }); </script>
調(diào)試期間可以開啟debug=true,沒有問題之后就設置為false
標題、描述、圖標都可以改成自己的
2、真靜態(tài)頁面調(diào)用:
預先加載jquery <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script> var url=encodeURIComponent(window.location.href.split('#')[0]); $.ajax({ type : "get", url : "/index.php?&c=api&m=jssdk&url="+url,//替換網(wǎng)址,xxx根據(jù)自己jssdk文件位置修改 dataType : "jsonp", jsonp: "callback", jsonpCallback:"success_jsonpCallback", success : function(data){ console.log(data); wx.config({ debug:true, //debug 生產(chǎn)環(huán)境改為 false appId:data.appId, timestamp:data.timestamp, nonceStr:data.nonceStr, signature:data.signature, jsApiList: [ // 所有要調(diào)用的 API 都要加到這個列表中 "onMenuShareTimeline", //分享給好友 "onMenuShareAppMessage", //分享到朋友圈 "onMenuShareQQ", //分享到QQ ] }); }, error:function(data){ alert("連接失敗!"); } }); wx.ready(function () { // 在這里調(diào)用 API }); </script>
常見錯誤問題:
1、config:invalidsignature
檢查cache下是否生成.php的文件
2、invalid url domain
配置域名
文檔最后更新時間:2019-11-25 13:36:10