微信分享示例

微信公众号和商家常用引导用户分享内容的手段,达到宣传品牌和营销的目的。例如某个地址,要在用户分享到朋友圈之后才能访问。为了实现这个目标,要借助微信的分享接口。

微信公众号的js-sdk中提供了许多接口供网页开发者调用,其中就包含了分享的相关接口。js-sdk的官方文档链接为: http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

从文档中可以看到,调用js-sdk的接口分为五个步骤:

  1. 在公众号中绑定JS安全域名;
  2. 引入js-sdk的js文件;
  3. 通过config接口注入权限校验配置
  4. 通过ready接口处理成功验证
  5. 通过error接口处理失败

稍微困难一点的是第3步权限校验,这一步不仅需要微信公众号的appid,还需要生成参数签名。而参数签名需要jsapi的ticket,ticket又依赖于全局的access token。出于安全考虑,access token应该由服务器端获取、缓存并返回给前端(如果有必要)。所以这一步需要与服务器进行交互。

config配置成功后,就可以调用微信分享的接口了。微信提供了三类分享接口:分享到朋友圈,分享给朋友,分享给QQ好友。开发人员可以对这三类分享事件进行监听,在分享成功或失败后执行特定操作。

要求用户分享到朋友圈才能执行某些行为,可以在用户分享成功后的回调函数中实现。例如跳转到指定网址,只需加上跳转的代码即可。

我的github上新上传了一个微信分享的示例(网址: http://github.com/tlanyan/wx-share),将代码上传到服务器端并配置好appid和secret等(后端技术实现为php,要求版本php 5.3+),打开页面,点击分享后即可跳转到该博客。

希望这些代码对感兴趣的人能有帮助。

留言评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Captcha Code