在後端配置好JSSDK.php後,檢查驗籤是否正確
注意:驗籤信息是否完整和一致
<?php
$jssdk = new JSSDK();
$signPackage = $jssdk->GetSignPackage();
$this->assign('signPackage',$signPackage);
?>
然後在前端的的js中調用
<script type="text/javascript">
wx.config({
debug: false, // 調試模式
appId: '{$signPackage["appId"]}', // 必填,公衆號的唯一標識
timestamp: {$signPackage["timestamp"]}, // 必填,生成簽名的時間戳
nonceStr: '{$signPackage["nonceStr"]}', // 必填,生成簽名的隨機串
signature: '{$signPackage["signature"]}',// 必填,簽名
jsApiList : [
// 所有要調用的 API 都要加到這個列表中
'onMenuShareTimeline', // 分享到朋友圈接口
'onMenuShareAppMessage', // 分享到朋友接口
]
});
wx.ready(function(){
// 微信分享的數據
var shareData = {
"imgUrl" : 'http://域名/weixinapp/public/static/img/sharelogo.jpg',// 分享顯示的縮略圖地址
"link" : 'http://域名/weixinapp/public/.....', // 分享地址
"desc" : 'ssssss',// 分享描述
"title" : 'ssssss', // 分享標題
success : function () {
// 分享成功可以做相應的數據處理
//alert("分享成功"); }
}};
wx.onMenuShareTimeline (shareData);
wx.onMenuShareAppMessage (shareData);
});
wx.error(function(res){
alert("好像出錯了!!");
});
</script>
最開始的時候,在微信中進行分享沒有出現指定的圖片和文字描述和標題
原因:1.js的少了'}',即書寫沒有規範;
2.分享地址和分享圖片的地址的域名要一致.