微信浏览器内置JavaScript对象WeixinJSBridge使用实例


Posted in Javascript onMay 25, 2015

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

一、微信内置浏览器

通过 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 相关文章推荐
XRegExp 0.2: Now With Named Capture
Nov 30 Javascript
用Javascript数组处理多个字符串的连接问题
Aug 20 Javascript
潜说js对象和数组
May 25 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
js倒计时抢购实例
Dec 20 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
详解webpack的文件监听实现(热更新)
Sep 11 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 #Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 #Javascript
jquery控制表单输入框显示默认值的方法
May 22 #Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 #Javascript
JavaScript检测鼠标移动方向的方法
May 22 #Javascript
jQuery实现强制cookie过期方法汇总
May 22 #Javascript
jQuery判断指定id的对象是否存在的方法
May 22 #Javascript
You might like
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
PHP4实际应用经验篇(3)
2006/10/09 PHP
Ping服务的php实现方法,让网站快速被收录
2012/02/04 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
提高网站信任度的技巧
2008/10/17 Javascript
JS 面向对象的5钟写法
2009/07/31 Javascript
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
微信小程序  自定义创建详细介绍
2016/10/27 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
用C++封装MySQL的API的教程
2015/05/06 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python文件和文件夹复制函数
2020/02/07 Python
python线程join方法原理解析
2020/02/11 Python
pytorch实现查看当前学习率
2020/06/24 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
学习雷锋精神心得体会范文
2014/03/12 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
二十年同学聚会感言
2015/07/30 职场文书
解除合同协议书范本
2016/03/21 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL