微信js的使用

微信网页进入，右上角有三个小点，只要通过将小点列表下的按钮进行自定义，就可以分享我们自己的内容了。

下面实现的功能有：

1）控制微信右上角有三个小点的图标显示（隐藏或显示）

2）自定义分享给好友的参数

3）自定义分享给朋友圈的参数

$(document).ready(function(){

  var isshow = $("#canShare").text(),  
      appId = $("#appid").text(),
      imgUrl = $("#img_url").text(),
      url = $("#link").text(),
      desc = $("#desc").text(),
      title = $("#title").text(),
      callback = function(data){   //分享回调函数
           if(data.err_msg == "send_app_msg:ok"){
               alert('success');
            }
            _report('send_msg',data.err_msg);
      } 


   var onBridgeReady=function(){  


      if(isshow){
      WeixinJSBridge.call('showOptionMenu');
   }else{
      WeixinJSBridge.call('hideOptionMenu');
   }

  //分享给好友
   WeixinJSBridge.on('menu:share:appmessage', function(argv){  
      WeixinJSBridge.invoke('sendAppMessage',{  
         "appid":appId,  
         "img_url":imgUrl,
         "img_width":"120",  
         "img_height":"120",  
         "link":url,  
         "desc":desc,  
         "title":title  
      }, function(res){(callback)(res);});  

   });  

 //分享给朋友圈
   WeixinJSBridge.on('menu:share:timeline', function(argv){  
        
      WeixinJSBridge.invoke('shareTimeline',{  
         "img_url":imgUrl,
         "img_width":"120",  
         "img_height":"120",  
         "link":url,  
         "desc":desc,  
         "title":title  
      }, function(res){(callback)(res);});});  
   

};  

//

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

});

注意只能再微信中打开网页才有效。

代码封装参考链接：

1.http://www.docin.com/p-811096941.html

2.http://www.baidufe.com/item/f07a3be0b23b4c9606bb.html

3.http://www.gbtags.com/gb/share/2944.htm