jsBridgeを使用してH 5ページとAPP側のインタラクション(andriodとios共通)を実現

1、jsBridgeでApp側のtokenを取得し、H 5で定義された関数名はAPP側と対応しなければならない

window.function () {
//     token
    window.getToken=function(token){
        // document.getElementById("show").innerText = token    dom        token      ，     
        requestList(token) //js    token    
    }

//        (    )
    function setWebViewJavascriptBridge(callback) {
        //andriod
        if (window.WebViewJavascriptBridge) {
            callback(WebViewJavascriptBridge)
        } else {
            document.addEventListener(
                'WebViewJavascriptBridgeReady'
                , function() {
                    callback(WebViewJavascriptBridge)
                },
                false
            );
        }
    }

    //      ，      
    setWebViewJavascriptBridge(function(bridge) { 
        bridge.init(function(message, responseCallback) {
            console.log('JS got a message', message);
            var data = {
                'Javascript Responds': '    !'
            };
            console.log('JS responding with', data);
            responseCallback(data);
        });
        //   native     ，     ，   native  
        bridge.registerHandler("functionInJs", function(data, responseCallback) {        
            document.getElementById("show").innerHTML = ("data from Java: = " + data);
            var responseData = "Javascript Says        !";
            responseCallback(responseData);
        });
    });
}

2、あるボタンをクリックしてアプリ対応のページにジャンプすることで、対応するhrefはアプリ側で定義し、h 5は正しい経路にジャンプするだけでよい.

     function requestList(token){
        window.location.href="bifex://torecharge";
      }