TS與JAVA相互調用(TS篇)

一 : TS調用JAVA

                        window["WebViewJavascriptBridge"].callHandler(
                            'enterGame'
                            , JSON.stringify($param)
                            , function(responseData) {
                                // document.getElementById("show").innerHTML = "send get responseData from java, data = " + responseData
                                console.log( `enterGame 2 Android callback param :  ${responseData}` );
                            }
                        );

PS 參數
①,JAVA的方法
②,JAVA的參數
③,回調函數

二 : JAVA調用TS

        function connectWebViewJavascriptBridge(callback) {
            if (window.WebViewJavascriptBridge) {
                callback(WebViewJavascriptBridge)
            } else {
                document.addEventListener(
                    'WebViewJavascriptBridgeReady'
                    , function() {
                        callback(WebViewJavascriptBridge)
                    },
                    false
                );
            }
        }
        //調用方法
        connectWebViewJavascriptBridge(function(bridge) {
            bridge.init(function(message, responseCallback) {
                console.log('JS got a message', message);
                var data = {
                    'Javascript Responds': '測試中文!'
                };

                if (responseCallback) {
                    console.log('JS responding with', data);
                    responseCallback(data);
                }
            });

            /// Java 調 JS 
            bridge.registerHandler("functionInJs", function(data, responseCallback) {
                document.getElementById("show").innerHTML = ("data from Java: = " + data);
                if (responseCallback) {
                    var responseData = "Javascript Says Right back aka!";
                    responseCallback(responseData);
                }
            });
        })

注意 :

functionInJs : 註冊JAVA可以調用的方法