微信浏览器内置JavaScript对象WeixinJSBridge使用实例
作者:bea
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。 一、微信内置浏览器 通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
一、微信内置浏览器
通过 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'){
//关注成功,或者已经关注过
}
})
}
有用 | 无用
一、微信内置浏览器
通过 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'){
//关注成功,或者已经关注过
}
})
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 浅谈javascript事件取消和阻止冒泡
- javascript事件冒泡和事件捕获详解
- 解析javascript中鼠标滚轮事件
- JS中字符串trim()使用示例
- JSON字符串和对象之间的转换详解
- Js和JQuery获取鼠标指针坐标的实现代码分享
- Javascript实现飞动广告效果的方法
- javascript自定义右键弹出菜单实现方法
- JS+DIV实现鼠标划过切换层效果的方法
- JavaScript实现仿网易通行证表单验证
- js+cookies实现悬浮购物车的方法
- 手机开发必备技巧:javascript及CSS功能代码分享
- JS和css实现检测移动设备方向的变化并判断横竖屏幕
- jquery 构造函数在表单提交过程中修改数据
- js实现鼠标划过给div加透明度的方法
- javascript实现youku的视频代码自适应宽度
- 微信WeixinJSBridge API使用实例
- jquery.validate使用时遇到的问题
- 微信内置浏览器私有接口WeixinJSBridge介绍