zoukankan      html  css  js  c++  java
  • 微信程序开发之-WeixinJSBridge调用

       微信的WeixinJSBridge还是很厉害的,虽然官方文档只公布了3个功能,但是还内置的很多功能没公布,但是存在。今天就好好和大家聊聊

         功能1------发送给好友

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

      这样,只要在某处调用 sendMessage 函数就可以改变发送好友的按钮响应了,再点击,便会弹出“发送给好友字符串”

       功能2-----分享

      

    WeixinJSBridge.invoke('sendAppMessage',{
    "appid":"", //appid 设置空就好了。
    "img_url": imgUrl, //分享时所带的图片路径
    "img_width": "120", //图片宽度
    "img_height": "120", //图片高度
    "link":url, //分享附带链接地址
    "desc":"我是一个介绍", //分享内容介绍
    "title":"标题,再简单不过了。"
    }, function(res){/*** 回调函数,最好设置为空 ***/});
    

      

    注意,如果将这个微信私有函数单独拿出来调用,道理上是讲的通,但是!第一次打开页面直接调用它的话,无论如何是没有任何反映的,必须要手动,点一下右上角分享给好友按钮,待弹出一次通讯录之后,返回来在直接使用,就没有任何问题,似乎内部初始化什么东西一样。所以建议直接嵌入到上面那个 绑定方法中。

    如下:

       

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

      

    这样,你在点击发送给好友按钮,就可以直接弹出通讯录选择 ‘单个' 好友进行分享。

    同理,分享到朋友圈也是调用 invoke 私有函数,只是按钮绑定名称不同而已。

     代码如下:

       

    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进行绑定。

       功能3---------隐藏-关闭浏览器

        

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

      

  • 相关阅读:
    Objective-C中的封装、继承、多态、分类
    C语言知识总结(5)
    C语言知识总结(4)
    C语言知识总结(3)
    C语言知识总结(2)
    C语言知识总结(1)
    H5-定位
    H5——浮动及清浮动
    H5基础标签
    H5盒模型基础
  • 原文地址:https://www.cnblogs.com/68xi/p/8552926.html
Copyright © 2011-2022 走看看