微信內置瀏覽器私有接口WinXinJsBridge介紹

　　關於微信內置瀏覽器私有接口WeiXinJsBridge，只是之前接觸過的一個微信公眾號項目中遇到過，不過並沒有深入研究過，可以說並沒有了解過。。。

　　剛好今天無意中看到了這方面的知識，就補習一下，彌補一下自己短缺的js知識，雖然只是了解了一點，但是還是先記錄下來，一方面增強自己的記憶，另一方面，順便練練手，不至於將來使用的時候，找到了地方。下面進入正題。

　　看了這個微信瀏覽器私有接口WeiXinJsBridge，大致總結了一下幾個小的有用的知識點：

　　1、分享給好友。

　　2、分享到朋友圈。

　　3、分享到微博。

　　4、隱藏下方工具欄。

　　5、隱藏微信右上角分享按鈕（三個小圓點）。

　　要在微信頁面中調用這個接口，就要熟悉WeiXinJsBridge的標准吧。

　　一、首先介紹一下三個分享功能的分享函數吧。

　　

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

 

　　只要在需要進行分享的位置處，調用此函數，就可以完成分享功能。

　　二、分享函數介紹完了，那么分享給好友，朋友圈，微博有什么區別呢？自然是有區別的，不過這三種分享功能的代碼都是在分享函數內部實現的。

　　　　1、分享給好友。

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){
            /*** 回調函數，最好設置為空 ***/

        }); 
    });
}          

 　　　　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){
            /*** 回調函數，最好設置為空 ***/});

        }); 
    });
}    

　　　　3、分享到微博。

　　

function sendMessage(){

    WeixinJSBridge.on('menu:share:weibo', function(argv){

        WeixinJSBridge.invoke('shareWeibo',{
            "content":dataForWeixin.title+' '+dataForWeixin.url,
            "url":dataForWeixin.url
        }, function(res){
            /*** 回調函數，最好設置為空 ***/

        });
    });
}            

　　觀察以上三個分享功能的代碼，可以看出三個功能代碼的不同之處在於，1（'menu:share:weibo'）2（WeixinJSBridge.invoke('shareWeibo',{}）這兩個標紅位置的不同。使用的時候請注意。

　　注意：如果微信瀏覽器內部尚未初始化，所有的接口都會是undefined。為了避免進去馬上就調用出錯，獲取微信初始化完成響應事件，初始化完成調用sendMessage進行綁定。

　　

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

　　上邊的代碼必不可少。

　　剩下的兩個功能代碼如下：

　　function hideMenu(){
　　　　WeixinJSBridge.call('hideOptionMenu'); //隱藏右下面工具欄
　　}

　　function showMenu(){
　　　　WeixinJSBridge.call('showOptionMenu'); //顯示右下面工具欄
　　}

　　function hideTool(){
　　　　WeixinJSBridge.call('hideToolbar');//隱藏右上角三個點按鈕。
　　}

　　function showTool(){
　　　　WeixinJSBridge.call('showToolbar');//顯示右上角三個點按鈕。
　　}

 

 

 

　　特別提醒：目前使用這個js代碼應該不行了吧，需要使用官方的js-sdk來實現分享功能了（使用官方的jssdk，需要微信公眾號）