.NET微信網頁開發之使用微信JS-SDK自定義微信分享內容

第一步、微信JS-SDK的使用步驟,配置信息的生成獲取講解:

  關於JS-SDK的使用步驟和timestamp(時間戳),nonceStr(隨機串),signature(簽名),access_token(接口調用憑據)生成獲取的詳細說明在這裏:http://www.javashuo.com/article/p-wpbycfwn-dm.htmljavascript

第二步、調用微信JS-SDK自定義分享內容接口:

<script type="text/javascript">
//注入權限驗證配置
wx.config({
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來,若要查看傳入的參數,能夠在pc端打開,參數信息會經過log打出,僅在pc端時纔會打印。
    appId: '', // 必填,公衆號的惟一標識
    timestamp: , // 必填,生成簽名的時間戳
    nonceStr: '', // 必填,生成簽名的隨機串
    signature: '',// 必填,簽名
    jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,分享朋友和分享朋友圈接口列表
});

//自定義分享的內容
var title="店鋪好禮豪情大派送";
var link='xxx.xxx.com'//分享連接,該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
var desc="好禮一塊兒享,進店鋪領取優惠券可享更多優惠喲!";
var imgUrl ="圖片地址";//注意必定要是能夠訪問的網絡連接地址,不然沒有用

//1.自定義「分享給朋友」及「分享到QQ」按鈕的分享內容(1.4.0)
wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
    wx.updateAppMessageShareData({ 
        title: title, // 分享標題
        desc: desc, // 分享描述
        link: link, // 分享連接,該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
        imgUrl: imgUrl , // 分享圖標
        success: function () {
          // 設置成功
          alert("分享成功");
        }
    })
});


//2.自定義「分享到朋友圈」及「分享到QQ空間」按鈕的分享內容(1.4.0)
wx.ready(function () {      //需在用戶可能點擊分享按鈕前就先調用
    wx.updateTimelineShareData({ 
        title: title, // 分享標題
        link: link, // 分享連接,該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
        imgUrl: imgUrl , // 分享圖標
        success: function () {
          // 設置成功
          alert("分享成功");
        }
    })
});
</script>

第三步、經過點擊微信右上角的按鈕,找到微信分享:

注意:你在微信中沒法定義事件去主動觸發微信分享,須要點擊微信右上角的按鈕而後就可以找到微信分享。html

效果圖,以下:java

相關文章
相關標籤/搜索