微信js-DK实现微信分享到朋友、朋友圈功能

概述

微信js-SDK是微信公众平台,面向网页开发者提供的基于微信内的网页开发工具包。

JSSDK使用步骤

步骤一:绑定域名

先登录微信公众平台进入‘公众号设置’的"功能设置"里填写“js接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限

步骤二:引入js文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js

如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.4.0.js (支持https)。

备注:支持使用 AMD/CMD 标准模块加载方法加载

微信js-DK实现微信分享到朋友、朋友圈功能_第1张图片

步骤三:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(通用url仅需要调用一次,对于变化url的SPA的web app可在每次url变化时候进行调用,目前安卓微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题貌似在安卓6.2中已经修复)。

步骤四:通过ready接口处理成功验证

步骤五:通过error接口处理失败验证

分享接口

获取“分享给朋友”按钮点击状态及自定义分享内容接口

微信js-DK实现微信分享到朋友、朋友圈功能_第2张图片

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口

微信js-DK实现微信分享到朋友、朋友圈功能_第3张图片

要注意:分享的link链接,链接域名或路径必须与当前页面对应的公众号JS安全域名一致,端口号也是。分享的图标最好小一点,否则会出现分享图标失败的案件(有网友说32k),我又一次整40k的分享失败,改成16k之后分享成功,至于是否一定要小于32k,并没有做过验证。

其他注意点:

分享只能获取用户是否点击了取消的按钮,所以只要用户点击了朋友或者朋友圈按钮,就默认分享成功。(截止我写完项目是这样)

微信js-DK实现微信分享到朋友、朋友圈功能_第4张图片

你可能感兴趣的:(微信js-DK实现微信分享到朋友、朋友圈功能)