天天看點

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

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

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

  圖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所示。

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

圖3.4  測試用例分享界面                         

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

圖3.5  分享到朋友圈UI

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

圖3.6  分享到朋友圈成功提示

《微信公衆平台網頁開發實戰——HTML5+JSSDK混合開發解密》

微信公衆平台網頁開發實戰--1.微信分享一個網頁到朋友圈

繼續閱讀