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

追逐時光發表於2019-07-24
網頁JS

第一步、微信JS-SDK的使用步驟，配置資訊的生成獲取講解：

　　關於JS-SDK的使用步驟和timestamp(時間戳)，nonceStr(隨機串)，signature(簽名)，access_token(介面呼叫憑據)生成獲取的詳細說明在這裡：https://www.cnblogs.com/Can-daydayup/p/11124092.html

第二步、呼叫微信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 ="圖片地址";//注意一定要是可以訪問的，否則沒有用


//初始化
wx.ready(function(){

//自定義“分享給朋友”及“分享到QQ”按鈕的分享內容（1.4.0）
wx.ready(function () {   //需在使用者可能點選分享按鈕前就先呼叫
    wx.updateAppMessageShareData({ 
        title: title, // 分享標題
        desc: desc, // 分享描述
        link: link, // 分享連結，該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
        imgUrl: imgUrl , // 分享圖示
        success: function () {
          // 設定成功
          alert("分享成功");
        }
    })
});


//自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容（1.4.0）

wx.ready(function () {      //需在使用者可能點選分享按鈕前就先呼叫
    wx.updateTimelineShareData({ 
        title: title, // 分享標題
        link: link, // 分享連結，該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
        imgUrl: imgUrl , // 分享圖示
        success: function () {
          // 設定成功
          alert("分享成功");
        }
    })
});

});
</script>

第三步、通過點選微信右上角的按鈕，找到微信分享：

注意：你在微信中無法定義事件去主動觸發微信分享，需要點選微信右上角的按鈕然後就能夠找到微信分享。

效果圖，如下：

相關文章