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

微信内嵌浏览器

通过 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''){

                                   //关注成功，或者已经关注过

                               }

               })

}