對微信的JSSDK進行封裝一下,建立一份類似的檔案結構,增加index.html與shareApi.js檔案,結構如圖3.3所示。

圖3.3 3.2節檔案結構
另外,提醒讀者一下,wxJSSDK.js檔案的JSSDK環境配置中,需要更改一下配置參數,代碼如下:
index.html檔案增加如下代碼(HTML5網頁):
為“wxJSSDK”增加“shareApi”方法。
以對象的參數形式,為調用“shareApi”方法的使用者配置具體的JSSDK的API。
分别進行配置填充。
用“wxJSSDK.readySuccessCall.push”增加JSSDK分享API的測試用例。
打開手機會看到如圖3.4所示的UI。點選右上角的分享到朋友圈按鈕,會看到如圖3.5所示的UI。如果分享成功會彈出對應的提示,如圖3.6所示。
圖3.4 測試用例分享界面
圖3.5 分享到朋友圈UI
圖3.6 分享到朋友圈成功提示
《微信公衆平台網頁開發實戰——HTML5+JSSDK混合開發解密》