在网页上添加微信分享按钮 关注微信号等按钮

转自：/GmrBrian/p/3593071.html

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

一、微信浏览器

通过 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’){//关注成功，或者已经关注过}})}

关注微信好友

//通过关注微信好友 function WeiXinAddContact(wxid, cb) {if (typeof WeixinJSBridge == 'undefined') return false; WeixinJSBridge.invoke('addContact', {webtype: '1', username: wxid }, function(d) {// 返回d.err_msg取值，d还有一个属性是err_desc // add_contact:cancel 用户取消 // add_contact:fail关注失败 // add_contact:ok 关注成功 // add_contact:added 已经关注 WeixinJSBridge.log(d.err_msg);cb && cb(d.err_msg);}); }; //通过微信分享 function WeiXinShareBtn() {if (typeof WeixinJSBridge == "undefined") {alert("请先通过微信xxxx"); } else {WeixinJSBridge.invoke('shareTimeline', {"title": "xxx", "link": "xxxx", "desc": "关注xxx", "img_url": "xxxx" }); } }