WeixinJSBridge：微信浏览器内置JavaScript 对象

最新推荐文章于 2023-01-07 08:09:31 发布

weixin_34194702

最新推荐文章于 2023-01-07 08:09:31 发布

阅读量140

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/benpao/p/3395413.html

版权

本文详细介绍了如何使用微信内置浏览器提供的WeixinJSBridge对象，在微信公众平台前端网页上实现分享到朋友圈、关注微信号等功能。通过提供定制化的JavaScript函数，实现了分享到微信朋友圈、发送给好友、分享到腾讯微博以及关注指定微信号的操作。

摘要由CSDN通过智能技术生成

微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么实现的呢？今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮。

一、微信内置浏览器

通过 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’){
//关注成功，或者已经关注过
}
})
}