微信内置浏览器私有接口WeixinJSBridge介绍(2)


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){/*** 回调函数,最好设置为空 ***/});
 
 });  
 
  });
 
}

注意,on绑定的是 “menu:share:timeline” 不是 "menu:share:appmessage"。invoke里面也是。

还一个微博分享,我没试过,不知道有没有用,想玩的试试,一切分享都是调用当前微信帐号分享。

复制代码 代码如下:


WeixinJSBridge.on('menu:share:weibo', function(argv){
   WeixinJSBridge.invoke('shareWeibo',{
   "content":dataForWeixin.title+' '+dataForWeixin.url,
   "url":dataForWeixin.url
   }, function(res){});
});


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

如下:

复制代码 代码如下:


if(document.addEventListener){
 document.addEventListener('WeixinJSBridgeReady', sendMessage, false);  }else if(document.attachEvent){
 document.attachEvent('WeixinJSBridgeReady'   , sendMessage); document.attachEvent('onWeixinJSBridgeReady' , sendMessage);  }


下面还有几个小功能:

复制代码 代码如下:


WeixinJSBridge.call('hideToolbar');                        //隐藏右下面工具栏
 
WeixinJSBridge.call('showToolbar'); //显示右下面工具栏
 
WeixinJSBridge.call('hideOptionMenu');                //隐藏右上角三个点按钮。
 
WeixinJSBridge.call('showOptionMenu');              //显示右上角三个点按钮。
 


我是一个菜鸟,写完了,写的不好,请大家多多包含!


完整测试代码(用微信打开):

复制代码 代码如下:

<!docType html>
<html>
<head>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjysd.html