微信瀏覽器內(nèi)置JavaScript對(duì)象WeixinJSBridge使用實(shí)例
微信公眾平臺(tái)開始支持前端網(wǎng)頁,大家可能看到很多網(wǎng)頁上都有分享到朋友圈,關(guān)注微信等按鈕,點(diǎn)擊它們都會(huì)彈出一個(gè)窗口讓你分享和關(guān)注,這個(gè)是怎么實(shí)現(xiàn)的呢?今天就給大家講解下如何在微信公眾平臺(tái)前端網(wǎng)頁上添加分享到朋友圈,關(guān)注微信號(hào)等按鈕。
一、微信內(nèi)置瀏覽器
通過 Mac 遠(yuǎn)程調(diào)試 iPhone 上微信自己的網(wǎng)頁,我們可以發(fā)現(xiàn)微信內(nèi)嵌瀏覽器定義了一個(gè)私有 JavaScript 對(duì)象:WeixinJSBridge,通過操作這個(gè)對(duì)象的相關(guān)方法可以實(shí)現(xiàn)分享到微信朋友圈,和判斷一個(gè)微信號(hào)的關(guān)注狀態(tài)以及實(shí)現(xiàn)關(guān)注指定微信號(hào)等功能。
二、js功能:分享到朋友圈
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ā)送給好友
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功能:分享到騰訊微博
function weixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo',{
“content”:title + link,
“url”:link
});
}
五、js功能:關(guān)注指定的微信號(hào)
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)文章
JS獲取當(dāng)前時(shí)間的年月日時(shí)分秒及時(shí)間的格式化的方法
這篇文章主要介紹了js獲取當(dāng)前時(shí)間的年月日時(shí)分秒及時(shí)間的格式化,本文通過實(shí)例代碼講解的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改字體顏色功能【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改字體顏色功能,涉及微信小程序wx:for循環(huán)讀取data數(shù)值及事件綁定修改元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-12-12自動(dòng)生成文章摘要的代碼[JavaScript 版本]
自動(dòng)生成文章摘要的代碼[JavaScript 版本]...2007-03-03JS實(shí)現(xiàn)本地存儲(chǔ)信息的方法(基于localStorage與userData)
這篇文章主要介紹了JS實(shí)現(xiàn)本地存儲(chǔ)信息的方法,基于localStorage與userData實(shí)現(xiàn)本地存儲(chǔ)的功能,需要的朋友可以參考下2017-02-02