程序员人生 网站导航

利用WeixinJSBridge,控制分享到朋友圈和转发给好友的行为

栏目:综合技术时间:2014-12-13 08:54:24

在微信里,其实可以改变“分享到朋友圈”和“转发给好友”的默许行动。这些js接口,截止到今天(安卓版微信6.0)还是不公然的,微信的官方文档里完全没有提到,但是其实借助WeixinJSBridge是可以做到的

分享行动

可以控制以下几种行动

缩略图

默许是微信自动截取当前页面中第1张大图,也就是<img>标签,而且width要超过1定的值。display:none和background-image是不算的,只能是<img>标签

但是通过传递参数,可以自己指定1张图片

分享页面

默许分享的是当前页面,通过定制,可以指定1个URL,点击后会跳转到此URL

标题

分享文本的标题,只对“转发给好友”有效,“分享到朋友圈”不显示标题。默许会取当前页面的<head> -> <title>的内容,可以设置成任意文本

内容

分享文本的内容。在“转发给好友”时,默许是当前页面的URL。在“分享到朋友圈”时,默许是<head> -> <title>的内容,可以设置成任意文本

左下角的小签名

在朋友圈看不到(但是从APP里调用SDK分享到朋友圈,可以显示),“转发给好友”可以在左下角看到。这个行动比较复杂,如果转发的是1个图文消息,就是链接是mp.weixin.qq.com/s?__biz=xxxx这类的,左下角默许会带公众号的名字,但是不会有图片;否则的话,不会有签名。然后可以设置1个app_id,那末就都会显示签名。有趣的是,这里的app_id可以任意填,只要你能知道。而且如果填的是公众号的app_id,就不会有图片,图片的位置是1个白色小方块;如果填的是腾讯开放平台的app_id,就会带上1个图片

回调行动

分享到朋友圈,和转发给好友以后,其实在页面里都会得到js回调,而且是不同的回调,比如开始转发,取消转发,转发成功,每一个阶段都会有回调函数。这个小秘密有时候非常有用,由于开发者就能够控制转发以后的行动。但是微信本身的态度是不鼓励引导分享,强迫分享的,所以这些接口1直没有公然,而且也许有1天突然就被封了也说不定。毕竟不是没有先例,曾连关注公众号都是有JS API了,现在早就不能用了

另外,android版的微信有BUG,只要用户点了转发到朋友圈,回调就会立刻被调用,不管以后用户是不是真的分享,应当是android版微信的BUG,这个版本至今也没有修复。iOS版的微信没有这个BUG,所有回调都可以正确履行

lib

可以直接通过WeixinJSBridge实现本文说的功能,但是明显有更好的办法,用WeixinAPI这个第3方库,可以更容易地实现这些功能,在github上就能够找到,以下是最简单的示例代码,详细的文档见主页说明

var wxData = { "title": "标题写在这里", "link": "www.baidu.com", "appId": "your app_id", "desc": "the desc" }; var wxCallbacks = { confirm: function(resp) { // 当用户点击分享到朋友圈,就会触发此回调 } }; Api.shareToTimeline(wxData, wxCallbacks); Api.shareToFriend(wxData, {});


------分隔线----------------------------
------分隔线----------------------------

最新技术推荐