微信二次分享不顯示摘要和圖片的解決方法

微信二次分享不顯示摘要和圖片的解決方法

 解決不顯示摘要和圖片的問題，須要調用微信公衆號的js-sdk的api ,須要前端和後臺的配合，

後臺須要返回 appid (公衆號的appid ) 、 timestamp (生成簽名的時間戳) 、nonceStr (簽名的隨機字符串) 、 signature (簽名* 可能出錯)；

1.綁定域名

    先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「js接口安全域名」。（特別提示不須要加上http或者https,吃過虧）

2.首先引入js 文件 http://res.wx.qq.com/open/js/jweixin-1.2.0.js

3.而後在配置wx.config 。

<script>

   $(function(){

          wx.config({

                 debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。

                 appId: '', // 必填，公衆號的惟一標識

                 timestamp: , // 必填，生成簽名的時間戳

                nonceStr: '', // 必填，生成簽名的隨機串

                signature: '',// 必填，簽名，見附錄1

                jsApiList: [] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2

          });

   })

</script>

4.經過ready接口處理成功驗證

   wx.ready(function(){

      //詳細代碼

});

5.經過error接口處理失敗驗證

wx.error(function(res){});

詳細頁面代碼

<script src="http://www.ciotimes.com/statics/js/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
//js引入錯誤致使wx沒有定義。
<script>
     $(function(){
          //獲取本頁面鏈接，生成簽名須要
          var url = location.href.split('#')[0];

 $.ajax({
 url: "http://XXX/index.php?m=content&c=wechat_share&a=index&pc_hash=WO1sTv",
 type: "POST",
 async:true,
 data:{'url':url},
 cache: false,
 dataType: "json",
 success: function(data){
 wx.config({
 /* debug: true,*/ //調試模式
 appId: data.appId,
 timestamp:data.timestamp,
 nonceStr:data.nonceStr,
 signature:data.signature,
 jsApiList: [
 'checkJsApi',
 'onMenuShareTimeline',
 'hideOptionMenu',
 'onMenuShareAppMessage'
 ]
 });

 wx.ready(function(){
 wx.checkJsApi({
 jsApiList: [
 'getLocation',
 'onMenuShareTimeline',
 'onMenuShareAppMessage'
 ],
 success: function (res) {
 //alert(res.errMsg);
 }
 });

 //分享給朋友
 wx.onMenuShareAppMessage({
 title: '111',
 desc: '222',
 link: 'http://XXX/index.php?m=content&c=index&a=test_show&catid=83&id=134521&from=singlemessage', // 分享連接，該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致

 imgUrl: 'http:/XXX/2017/0816/20170816061634987.jpg',
 success: function () {
 // 用戶確認分享後執行的回調函數
 },
 cancel: function () {
 // 用戶取消分享後執行的回調函數
 },
 fail: function (res) {
 //alert(res.errMsg);
 //用戶分享失敗取消的回調函數
 }
 });

 }); }, error: function() { alert('ajax request failed!!!!'); return; } }); });</script>