微信公眾平台開始支持前端網頁，大家可能看到很多網頁上都有分享到朋友圈，關注微信等按鈕，點擊它們都會彈出一個窗口讓你分享和關注，這個是怎麼實現的呢？今天就給大家講解下如何在微信公眾平台前端網頁上添加分享到朋友圈，關注微信號等按鈕。
一、微信內置浏覽器
通過 Mac 遠程調試 iPhone 上微信自己的網頁，我們可以發現微信內嵌浏覽器定義了一個私有 JavaScript 對象：WeixinJSBridge，通過操作這個對象的相關方法可以實現分享到微信朋友圈，和判斷一個微信號的關注狀態以及實現關注指定微信號等功能。
二、js功能：分享到朋友圈
復制代碼 代碼如下:
function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline',{
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“link”:link,
“desc”: desc,
“title”:title
});
}
三、js功能：發送給好友
復制代碼 代碼如下:
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
});
}
四、js功能：分享到騰訊微博
復制代碼 代碼如下:
function weixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo',{
“content”:title + link,
“url”:link
});
}
五、js功能：關注指定的微信號
復制代碼 代碼如下:
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'){
//關注成功，或者已經關注過
}
})
}