首頁 > web前端 > js教程 > 微信瀏覽器內建JavaScript物件WeixinJSBridge使用實例_javascript技巧

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

WBOY
發布: 2016-05-16 15:57:47
原創
1970 人瀏覽過

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

一、微信內建瀏覽器

透過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'){
//關注成功,或已經關注
}
})
}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板