微信浏览器内置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如何自定义trim方法
Jul 28 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
javascript实现简易计算器
Feb 01 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
javascript实现简易聊天室
Jul 12 Javascript
Vue混入mixins滚动触底的方法
Nov 22 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
vant中的toast层级改变操作
Nov 04 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函数
2006/12/06 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
2016/12/12 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
2018/02/05 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
[06:10]6.81新信使新套装!给你一个炫酷的DOTA2
2014/05/06 DOTA
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
python正则中最短匹配实现代码
2018/01/16 Python
python字符串常用方法
2018/06/14 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
python中图像通道分离与合并实例
2020/01/17 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
大学自主招生推荐信
2014/05/10 职场文书
销售团队获奖感言
2014/08/14 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
2015年度女工工作总结
2015/10/22 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python