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

 更新时间:2015年05月25日 09:06:37   投稿:junjie  
这篇文章主要介绍了微信浏览器内置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'){
//关注成功,或者已经关注过
}
})
}

相关文章

  • js计算系统当前日期是星期几的方法

    js计算系统当前日期是星期几的方法

    这篇文章主要为大家详细介绍了js计算系统当前日期是星期几4种方法,需要的朋友可以参考下
    2016-07-07
  • JS中的异常处理方法分享

    JS中的异常处理方法分享

    我们在编写js过程中,难免会遇到一些代码错误问题,需要找出来,有些时候怕因为js问题导致用户体验差,这里给出一些解决方法
    2013-12-12
  • uniapp web-view组件双向通信的问题记录

    uniapp web-view组件双向通信的问题记录

    本文主要介绍在uniapp中页面与webview组件内页面的双向通信问题,本文通过图文实例代码相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07
  • JavaScript字符串分割处理的方法总结

    JavaScript字符串分割处理的方法总结

    这篇文章主要介绍了JavaScript字符串分割处理的几种方法,js截取重要的三要素substring()、subsstr()、slice(),下面文章围绕这三要素展开全文,需要的小伙伴可以参考一下
    2022-03-03
  • JavaScript封装axios的实现详解

    JavaScript封装axios的实现详解

    这篇文章主要介绍了JavaScript封装axios的实现,Axios是一个开放源代码库,使我们可以轻松地发出HTTP请求。 实际上,它是通过额外的超能力来fetch
    2022-09-09
  • Javascript设计模式理论与编程实战之简单工厂模式

    Javascript设计模式理论与编程实战之简单工厂模式

    简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮
    2015-11-11
  • JavaScript运动框架 多值运动(四)

    JavaScript运动框架 多值运动(四)

    这篇文章主要为大家详细介绍了JavaScript运动框架第四部分,多值运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JavaScript实现QQ列表展开收缩扩展功能

    JavaScript实现QQ列表展开收缩扩展功能

    这篇文章主要为大家详细介绍了JavaScript实现QQ列表展开收缩扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • JS中的构造函数详细解析

    JS中的构造函数详细解析

    本篇文章主要是对JS中的构造函数进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • JavaScript对象与JSON格式的转换及JSON.stringify和JSON.parse的使用方法

    JavaScript对象与JSON格式的转换及JSON.stringify和JSON.parse的使用方法

    这篇文章主要介绍了JavaScript对象与JSON格式的转换及JSON.stringify和JSON.parse的使用方法,JSON是JavaScript表达值和对象的通用数据格式,其本质就是符合一定规范的字符串
    2022-07-07

最新评论