在网页上添加分享到朋友圈、发送给好友、分享等按钮

在网页上添加分享到朋友圈、发送给好友、分享等按钮

2013-04-10 15:35  佚名  我爱水煮鱼 字号：T | T

微信公众平台开始支持前端网页，你们可能看到不少网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给你们讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。

AD：网+线下沙龙 | 移动APP模式创新：给你一个作APP的理由>>

微信内嵌浏览器

经过 Mac 远程调试 iPhone 上微信本身的网页，咱们能够发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，经过操做这个对象的相关方法能够实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){     WeixinJSBridge.invoke('shareTimeline',{         "img_url":imgUrl,         //"img_width":"640",         //"img_height":"640",         "link":link,         "desc": desc,         "title":title     });  }

发送给好友

function weixinSendAppMessage(title,desc,link,imgUrl){     WeixinJSBridge.invoke('sendAppMessage',{     //"appid":appId,     "img_url":imgUrl,     //"img_width":"640",     //"img_height":"640",     "link":link,     "desc":desc,     "title":title     }); }

分享到腾讯微博

function weixinShareWeibo(title,link){     WeixinJSBridge.invoke('shareWeibo',{         "content":title + link,         "url":link     }); }

关注指定的微信号

function weixinAddContact(name){     WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) {         WeixinJSBridge.log(e.err_msg);         //e.err_msg:add_contact:added 已经添加         //e.err_msg:add_contact:cancel 取消添加         //e.err_msg:add_contact:ok 添加成功         if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){             //关注成功，或者已经关注过         }     }) }