微信内置浏览器WeixinJSBridge对象API使用详解

微信内置浏览器WeixinJSBridge对象API使用详解

微信公众平台已支持前端网页开发，许多网页中集成了分享到朋友圈和关注微信等按钮。点击这些按钮会弹出分享或关注的确认窗口，其实现原理基于微信内置浏览器的特定接口。本文将详细介绍如何在微信公众平台的前端网页中集成分享到朋友圈和关注微信号的功能。

微信内置浏览器

一、微信内置浏览器

通过对Mac上远程调试iPhone微信内嵌网页进行观察，可以发现微信浏览器定义了一个私有JavaScript对象：WeixinJSBridge。利用该对象提供的相关方法，开发者可以实现将网页内容分享到朋友圈、判断用户对特定微信号的关注状态以及实现关注指定微信号等功能。

js功能：分享到朋友圈

二、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功能：发送给好友

三、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功能：分享到腾讯微博

四、js功能：分享到腾讯微博

function weixinShareWeibo(title,link){
WeixinJSBridge.invoke('shareWeibo',{
"content":title + link,
"url":link
});
}

js功能：关注指定的微信号

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