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

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

微信网页进入,右上角有三个小点,没错,我们用到的就是它!我们只要通过将小点列表下的按钮进行自定义,就可以随心所欲的分享我们自己的内容了。

注意:(WeixinJSBridge只能在微信内打开的网页有效)

按钮一之------发送给好友

复制代码 代码如下:


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

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

分享函数

复制代码 代码如下:


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 私有函数,只是按钮绑定名称不同而已。

复制代码 代码如下:

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

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