微信瀏覽器內建JavaScript物件WeixinJSBridge使用實例_javascript技巧

微信公眾平台開始支持前端網頁，大家可能看到很多網頁上都有分享到朋友圈，關注微信等按鈕，點擊它們都會彈出一個窗口讓你分享和關注，這個是怎麼實現的呢？今天就來跟大家講解下如何在微信公眾平台前端網頁上加入分享到朋友圈，關注微信號等按鈕。

一、微信內建瀏覽器

透過Mac 遠端除錯iPhone 上微信自己的網頁，我們可以發現微信內嵌瀏覽器定義了一個私有JavaScript 物件：WeixinJSBridge，透過操作這個物件的相關方法可以實現分享到微信朋友圈，和判斷一個微訊號的關注狀態以及實現關注指定微訊號等功能。

二、js功能：分享到朋友圈

複製程式碼 程式碼如下:

function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline',{
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“鏈接”: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,
“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'){
//關注成功，或已經關注
}
})
}