天天看点

微信公众平台网页开发实战--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.微信分享一个网页到朋友圈

继续阅读