微信浏览器内置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 相关文章推荐
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 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
php+mysql分页代码详解
2008/03/27 PHP
php中取得文件的后缀名?
2012/02/20 PHP
php解析url的三个示例
2014/01/20 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
[05:09]第二届DOTA2亚洲邀请赛决赛日比赛集锦:iG 3:0 OG夺冠
2017/04/05 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
Python入门篇之条件、循环
2014/10/17 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
python中必要的名词解释
2019/11/20 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
Python实现微信表情包炸群功能
2021/01/28 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
EJB的几种类型
2012/08/15 面试题
教师求职自荐书
2014/06/14 职场文书
助学贷款贫困证明
2014/09/23 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
公积金具结保证书
2015/05/11 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js
MySQL批量更新不同表中的数据
2022/05/11 MySQL