js对微信相关Api的开发

来源：互联网发布：cloudify 源码编辑：程序博客网时间：2024/05/05 08:10

项目需要将微信扫一扫打开的一个网页转发给好友的时候能有头像，描述，因此调查了一下微信的相关接口。

现将自己做好的例子分享一下：

1.微信“发送给朋友”

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){

   WeixinJSBridge.on('menu:share:appmessage', function(argv){
        WeixinJSBridge.invoke('sendAppMessage',{
             "appid":"", //appid 设置空就好了。
            "img_url":   "http://xxxxxxxxxxx/images/daughter.png", //分享时所带的图片路径
            "img_width":   "120",           //图片宽度
            "img_height":   "120", //图片高度
            "link":"http://hp.pmgasia.com.cn/tony/mum/index.html", //分享附带链接地址
            "desc":"母后,儿臣给您献礼啦！",    //分享内容介绍
            "title":"母亲节快乐。"               //分享的标题
        }, function(res){/*** 回调函数，最好设置为空 ***/});
   });

});

说明：只需要将以上脚本添加到js文件中即可，该端脚本的作用是在微信转发的时候自定义相关信息，如图片，链接，内容介绍，标题等。

特别要注意的是，图片路径必须采用绝对地址，不能采用相对地址。

2.扩展的其它功能

//隐藏浏览器下方的工具栏

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){

WeixinJSBridge.call('hideToolbar');

});

//隐藏右上角popup菜单入口

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){
WeixinJSBridge.call('hideOptionMenu');

});

//分享到朋友圈

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){

    WeixinJSBridge.invoke('shareTimeline',{
              'img_url': img,                         //同样为绝对地址的图片
              'img_width': width,
              'img_height': height,
              'link': url,                                   //分享的链接地址
              'desc': desc,                            //描述，但经过自己试验，分享到朋友圈是没有描述的，只有title，所以该属性不起作用
              'title': title                                  // 标题
              }, function(res){/*** 回调函数，最好设置为空 ***/});

});

0 0