Ⅰ 微信內H5頁面自定義分享
微信內H5頁面默認可分享至微信好友、微信朋友圈、qq好友、QQ空間。若要自定義分享標題與圖標,則需通過開發實現。為達到這一目的,開發者需利用微信js-SDK,即微信面向網頁開發者提供的網頁開發工具包。
使用微信JS-SDK,網頁開發者可以高效地調用微信內的手機系統能力,如拍照、選圖、語音、位置等,並直接使用微信特有的功能如分享、掃一掃、卡券、支付等,為用戶提供更優質的網頁體驗。
微信JS-SDK使用步驟如下:
步驟一:綁定域名
登錄微信公眾平台,在「公眾號設置」的「功能設置」中填寫「JS介面安全域名」。確保調用JS介面的頁面與配置的「JS介面安全域名」一致,以生成簽名。
步驟二:引入JS文件
在需要調用JS介面的頁面引入JS文件,支持使用AMD/CMD標准模塊載入方法載入,文件路徑為res2.wx.qq.com/open/js/...
步驟三:通過config介面注入許可權驗證配置
所有需要使用JS-SDK的頁面在使用前必須調用config介面注入配置信息。同一URL僅需調用一次,對於SPA的web app,可在每次URL變化時進行調用,確保許可權驗證。
步驟四:通過ready介面處理成功驗證
步驟五:通過error介面處理失敗驗證
所有介面通過wx對象(也可使用jWeixin對象)來調用,參數為對象,包括每個介面所需參數及通用參數。簽名信息signature由伺服器端提供,timestamp和nonceStr是參與簽名生成的欄位。
在進行分享操作時,可通過自定義「分享給微信朋友」、「分享到QQ好友」、「分享到朋友圈」或「分享到QQ空間」的按鈕,實現分享內容的個性化設定。簽名生成前,必須先了解jsapi_ticket,它是公眾號用於調用微信JS介面的臨時票據,有效期為7200秒。
獲取access_token是第一步,通過公眾號的全局唯一介面調用來獲取。開發者需在自己的服務中全局緩存access_token,以避免頻繁調用介面導致的受限問題。
使用第一步獲取的access_token調用介面獲得jsapi_ticket,有效期同樣為7200秒。生成簽名時,需將所有待簽名參數按照欄位名的ASCII碼排序,使用URL鍵值對格式拼接成字元串,然後進行sha1簽名,得到signature。
最後,務必注意簽名生成步驟,確保在獲取access_token和jsapi_ticket後,按照規范生成簽名,以確保分享功能的正常運行。