.Net微信網頁開發之使用微信JS-SDK自定義微信分享內容
阿新 • • 發佈:2019-07-24
第一步、微信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>
第三步、通過點選微信右上角的按鈕,找到微信分享:
注意:你在微信中無法定義事件去主動觸發微信分享,需要點選微信右上角的按鈕然後就能夠找到微信分享。
效果圖,如下: