微信浏览器内置JavaScript对象WeixinJSBridge使用实例
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
一、微信内置浏览器
通过Mac远程调试iPhone上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有JavaScript对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。
二、js功能:分享到朋友圈
functionweixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke(‘shareTimeline',{
“img_url”:imgUrl,
//”img_width”:”640″,
//”img_height”:”640″,
“link”:link,
“desc”:desc,
“title”:title
});
}
三、js功能:发送给好友
functionweixinSendAppMessage(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功能:分享到腾讯微博
functionweixinShareWeibo(title,link){
WeixinJSBridge.invoke(‘shareWeibo',{
“content”:title+link,
“url”:link
});
}
五、js功能:关注指定的微信号
functionweixinAddContact(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'){
//关注成功,或者已经关注过
}
})
}