微信瀏覽器內(nèi)置JavaScript對象WeixinJSBridge使用實例
更新時間：2015年05月25日 09:06:37 投稿：junjie
這篇文章主要介紹了微信瀏覽器內(nèi)置JavaScript對象WeixinJSBridge使用實例,本文給出了分享到朋友圈、發(fā)送給好友、分享到騰訊微博、關(guān)注指定的微信號等功能代碼,需要的朋友可以參考下
微信公眾平臺開始支持前端網(wǎng)頁，大家可能看到很多網(wǎng)頁上都有分享到朋友圈，關(guān)注微信等按鈕，點擊它們都會彈出一個窗口讓你分享和關(guān)注，這個是怎么實現(xiàn)的呢？今天就給大家講解下如何在微信公眾平臺前端網(wǎng)頁上添加分享到朋友圈，關(guān)注微信號等按鈕。
一、微信內(nèi)置瀏覽器
通過 Mac 遠程調(diào)試 iPhone 上微信自己的網(wǎng)頁，我們可以發(fā)現(xiàn)微信內(nèi)嵌瀏覽器定義了一個私有 JavaScript 對象：WeixinJSBridge，通過操作這個對象的相關(guān)方法可以實現(xiàn)分享到微信朋友圈，和判斷一個微信號的關(guān)注狀態(tài)以及實現(xiàn)關(guān)注指定微信號等功能。
二、js功能：分享到朋友圈
復(fù)制代碼 代碼如下:
function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline',{
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“l(fā)ink”:link,
“desc”: desc,
“title”:title
});
}
三、js功能：發(fā)送給好友
復(fù)制代碼 代碼如下:
function weixinSendAppMessage(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘sendAppMessage',{
//”appid”:appId,
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“l(fā)ink”:link,
“desc”:desc,
“title”:title
});
}
四、js功能：分享到騰訊微博
復(fù)制代碼 代碼如下:
function weixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo',{
“content”:title + link,
“url”:link
});
}
五、js功能：關(guān)注指定的微信號
復(fù)制代碼 代碼如下:
function weixinAddContact(name){
WeixinJSBridge.invoke(“addContact”, {webtype: “1″,username: name}, function(e) {
WeixinJSBridge.log(e.err_msg);
//e.err_msg:add_contact:added 已經(jīng)添加
//e.err_msg:add_contact:cancel 取消添加
//e.err_msg:add_contact:ok 添加成功
if(e.err_msg == ‘a(chǎn)dd_contact:added' || e.err_msg == ‘a(chǎn)dd_contact:ok'){
//關(guān)注成功，或者已經(jīng)關(guān)注過
}
})
}
相關(guān)文章
微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示功能的實現(xiàn)
這篇文章主要介紹了微信小程序動態(tài)評分展示/五角星展示/半顆星展示/自定義長度展示的實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
JS設(shè)置網(wǎng)頁圖片vspace和hspace屬性的方法
這篇文章主要介紹了JS設(shè)置網(wǎng)頁圖片vspace和hspace屬性的方法,具體分析了vspace和hspace屬性的功能及javascript修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
下面小編就為大家?guī)硪黄拗浦荒茌斎霐?shù)字的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了JS運動特效之完美運動框架,結(jié)合實例形式分析了javascript針對運動中的元素屬性檢測與判斷相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
下面小編就為大家?guī)硪黄獪\談JS中的常用選擇器及屬性、方法的調(diào)用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
css值轉(zhuǎn)換成數(shù)值請拋棄parseInt
絕大多數(shù)人喜歡用parseInt()把css中的字符串值轉(zhuǎn)換成數(shù)值2011-10-10
返回unix時間戳所對應(yīng)的具體時間的代碼2010-07-07
遮罩層聽起來貌似很復(fù)雜，其實說白了就是一個全界面的半透明的div，用戶不可以點擊下邊的元素，或者說是點擊沒有反應(yīng)，接下來通過本文給大家介紹JavaScript如何制作遮罩層對話框，對js遮罩層相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
利用js實現(xiàn)Ajax并發(fā)請求限制請求數(shù)量的示例代碼
這篇文章主要介紹了利用js實現(xiàn)Ajax并發(fā)請求限制請求數(shù)量的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
微信 java 實現(xiàn)js-sdk 圖片上傳下載完整流程
這篇文章主要介紹了微信 java 實現(xiàn)js-sdk 圖片上傳下載完整流程的相關(guān)資料,需要的朋友可以參考下2016-10-10