博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信内置浏览器私有接口WeixinJSBridge介绍
阅读量:7115 次
发布时间:2019-06-28

本文共 2678 字,大约阅读时间需要 8 分钟。

微信浏览器私有接口WeiXinJsBridge,大致有以下几个有用的知识点:

  1. 分享给好友
  2. 分享到朋友圈
  3. 分享到微博
  4. 隐藏下方工具栏
  5. 隐藏微信右上角分享按钮(三个小圆点)
  6. 关闭浏览器回到公众号对话窗口
WeiXinJsBridge的分享函数

WeiXinJsBridge的分享函数分为分享给好友,分享到朋友圈,分享到微博,但是这三种分享都是在下面在个函数内部实现的。

function sendMessage(){     WeixinJSBridge.on('menu:share:appmessage',         function(argv){      alert("发送给好友");   }); }复制代码

只要在需要进行分享的位置处,调用此函数,就可以完成分享功能。

分享给好友 (menu:share:appmessage)
function sendMessage(){    WeixinJSBridge.on('menu:share:appmessage', function(argv){        WeixinJSBridge.invoke('sendAppMessage',{            "appid":"", //appid 设置空就好了。            "img_url": imgUrl, //分享时所带的图片路径            "img_width": "120", //图片宽度            "img_height": "120", //图片高度            "link":url, //分享附带链接地址            "desc":"我是一个介绍", //分享内容介绍            "title":"标题,再简单不过了。"        }, function(res){            /*** 回调函数,最好设置为空 ***/        });     });}复制代码
分享到朋友圈(menu:share:timeline)
function sendMessage(){    WeixinJSBridge.on('menu:share:timeline', function(argv){        WeixinJSBridge.invoke('shareTimeline',{            "appid":"", //appid 设置空就好了。            "img_url": imgUrl, //分享时所带的图片路径            "img_width": "120", //图片宽度            "img_height": "120", //图片高度            "link":url, //分享附带链接地址            "desc":"我是一个介绍", //分享内容介绍            "title":"标题,再简单不过了。"        }, function(res){            /*** 回调函数,最好设置为空 ***/});        });     });}复制代码
分享到微博(menu:share:weibo)
function sendMessage(){    WeixinJSBridge.on('menu:share:weibo', function(argv){        WeixinJSBridge.invoke('shareWeibo',{            "content":dataForWeixin.title+' '+dataForWeixin.url,            "url":dataForWeixin.url        }, function(res){            /*** 回调函数,最好设置为空 ***/        });    });}复制代码

三个分享功能主要是监听的接口不同,

  1. 分享给好友(menu:share:appmessage);invoke('sendAppMessage');
  2. 分享到朋友圈(menu:share:timeline);invoke('shareTimeline');
  3. 分享到微博(menu:share:weibo);invoke('shareWeibo');

注意:如果微信浏览器内部尚未初始化,所有的接口都会是undefined。为了避免进去马上就调用出错,获取微信初始化完成响应事件,初始化完成调用sendMessage进行绑定。

if(document.addEventListener){    document.addEventListener('WeixinJSBridgeReady',sendMessage,false); }else if(document.attachEvent){    document.attachEvent('WeixinJSBridgeReady' , sendMessage);    document.attachEvent('onWeixinJSBridgeReady' , sendMessage); }复制代码
WeixinJSBridge的隐藏函数
  • WeixinJSBridge.call('hideToolbar'); //隐藏右下面工具栏
  • WeixinJSBridge.call('showToolbar'); //显示右下面工具栏
  • WeixinJSBridge.call('hideOptionMenu'); //隐藏右上角三个点按钮。
  • WeixinJSBridge.call('showOptionMenu'); //显示右上角三个点按钮。
WeixinJSBridge的关闭函数

使用场景:页面操作结束,需要关闭当前浏览器,回到公众号对话窗口。

例如:某项目需求支持用户将openId和手机号进行绑定和解绑定,在执行完解绑定后关闭当前微信浏览器回到公众号对话窗口。

完成页面操作后,在适当的时机调用微信提供的方法:

WeixinJSBridge.call('closeWindow');复制代码

即可关闭浏览器回到公众号会话窗口。

转载于:https://juejin.im/post/5cb58fb3e51d456e6a1d0230

你可能感兴趣的文章
2017回顾
查看>>
Maven3 快速入门
查看>>
《编写可读代码的艺术》——表面层次的改进
查看>>
RxJS Observable - 一个奇特的函数
查看>>
大型WEB架构设计
查看>>
小程序TAB列表切换内容动态变化,scrollview高度根据内容动态获取
查看>>
swoole_table 实现原理剖析
查看>>
你需要知道面试中的10个JavaScript概念
查看>>
TiDB RC4 Release
查看>>
阿里云有对手了!CDN横评:腾讯云优势明显
查看>>
Ajax常用方法
查看>>
Glide 简单流程分析
查看>>
Hmily 2.0.3 发布,高性能异步分布式事务 TCC 框架
查看>>
烟花年下岁月
查看>>
Java源码阅读之HashMap - JDK1.8
查看>>
Docker 构建统一的前端开发环境
查看>>
一文让你了解大数据时代,你的真实处境
查看>>
Problems at works
查看>>
Dell服务器系统安装后无法正常进入系统
查看>>
深入理解asp.net里的HttpModule机制
查看>>