自定義分享的內(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,沒有問題之后就設(shè)置為false
標題、描述、圖標都可以改成自己的
2、真靜態(tài)頁面調(diào)用:
預(yù)先加載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("連接失?。?quot;);
}
});
wx.ready(function () {
// 在這里調(diào)用 API
});
</script>常見錯誤問題:
1、config:invalidsignature
檢查cache下是否生成.php的文件
2、invalid url domain
配置域名

文檔最后更新時間:2019-11-25 13:36:10