1. 程式人生 > >使用微信JSSDK自定義微信分享標題、描述、和圖示

使用微信JSSDK自定義微信分享標題、描述、和圖示

最近做一個專案的時候用到微信的分享 ,實現定義分享標題,圖片,瞭解到微信在釋出JSSDK後,把包括自定義分享在內的眾多網頁服務介面進行了統一。如果要想自定義分享自己的網頁資訊給好友或朋友圈,就最好使用這個統一的網頁服務介面。

微信JS-SDK是微信公眾平臺面向網頁開發者提供的基於微信內的網頁開發工具包。

通過使用微信JS-SDK,網頁開發者可藉助微信高效地使用拍照、選圖、語音、位置等手機系統的能力,同時可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力,為微信使用者提供更優質的網頁體驗。

 步驟一:繫結域名

 所有的JS介面只能在公眾號繫結的域名下呼叫,先登入微信公眾平臺進入“公眾號設定”的“功能設定”裡填寫“JS介面安全域名

”。(否則報錯,顯示簽名失效)

 備註:登入後可在“開發者中心”檢視對應的介面許可權。

 步驟二:引入JS檔案

在需要呼叫JS介面的頁面引入如下JS檔案,(支援https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js

步驟三:通過config介面注入許可權驗證配置

有需要使用JS-SDK的頁面必須先注入配置資訊

注意:sApiList: [] // 必填,需要使用的JS介面列表

步驟四:通過ready介面處理成功驗證,獲取“分享到朋友圈”,分享給朋友”按鈕點選狀態及自定義分享內容介面

 wx.ready(function(){

    // config資訊驗證後會執行ready方法,所有介面呼叫都必須在config介面獲得結果之後,config是一個客戶端的非同步操作,所以如果需要在頁面載入時就呼叫相關介面,則須把相關介面放在ready函式中呼叫來確保正確執行。對於使用者觸發時才呼叫的介面,則可以直接呼叫,不需要放在ready函式中。

});