一 : TS篇

A :JS调用JAVA

    /**
     * 点击按钮
     * Click the button
     */
    private onButtonClick(e: egret.TouchEvent) {
        // this.textfield.text = "点击了按钮";
        console.log(`game button 点击了 , 开始调用JAVA函数`);
        let $obj : Object = {
            "name" : "Aonaufly",
            "occupation" : "warrior"
        };
        window["WebViewJavascriptBridge"].callHandler(
            'JS2JAVA'
            , JSON.stringify($obj)
            , function(responseData) {
                // this.textfield.text = `enterGame 2 Android callback param :  ${responseData}`;
                console.log(`enterGame 2 Android callback param :  ${responseData}`);
            }
        );
    }

PS 参数
①,JAVA的方法(string类型), 此处我定义的是“JS2JAVA”
②,JS给JAVA传递的参数
③,回调函数,供JAVA调用,回调函数的参数responseData,由JAVA回调给JS使用

B : JS注册方法供JAVA调用

    private connectWebViewJavascriptBridge( callback : Function ) : void {
        if (window["WebViewJavascriptBridge"]) {
            callback(window["WebViewJavascriptBridge"])
        } else {
            document.addEventListener(
                'WebViewJavascriptBridgeReady'
                , function() {
                    callback(window["WebViewJavascriptBridge"])
                },
                false
            );
        }
    }

    protected createGameScene(): void {

                        this.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("JAVA2JS", function(data, responseCallback) {
                                        if (responseCallback) {
                                                var responseData = "Javascript Says Right back aka!";
                                                // this.textfield1.text = JSON.stringify(data);
                                                console.log(JSON.stringify(data));
                                                responseCallback(responseData);
                                        }
                                });
                        })
        }

注意 :
“JAVA2JS” , 既是在TS端注册了一个“JAVA2JS”的方法,供JAVA端来调用,
TS与JAVA相互调用通信(Android篇)

二 : JAVA篇

①,需要下载jsBridge类库 : https://github.com/lzyzsd/JsBridge
②,需要获得前端游戏的html地址 : http://www.xxx.com/index(比如)
TS与JAVA相互调用通信(Android篇)
重点:需要使用WebView控件
A : TS调用JAVA

        webView.registerHandler("JS2JAVA", new BridgeHandler() {

            @Override
            public void handler(String data, CallBackFunction function) {
//              Log.i(TAG, "handler = submitFromWeb, data from web = " + data);
                makeText(MainActivity.this, "handler = submitFromWeb, data from web = " + data, LENGTH_SHORT).show();
                function.onCallBack("submitFromWeb exe, response data 中文 from Java");
            }

        });

注意 , TS端和JAVA的方法名称字符串一定要一致,此处用的是“JS2JAVA”
B:JAVA调用TS

    @Override
    public void onClick(View v) {
        if (button.equals(v)) {
            makeText(MainActivity.this, "JAVA调用JS ", LENGTH_SHORT).show();
            webView.callHandler("JAVA2JS", "data from Java", new CallBackFunction() {

                @Override
                public void onCallBack(String data) {//functionInJs
                    // TODO Auto-generated method stub
                    Log.i(TAG, "reponse data from js " + data);
                    makeText(MainActivity.this, "reponse data from js ", LENGTH_SHORT).show();
                }

            });
        }

    }

同样的“JAVA2JS”方法名称要一致。

TS与JAVA相互调用通信(Android篇)

TS与JAVA相互调用通信(Android篇)

附送IOS类库地址 : https://github.com/wangjiaojiao77/WebViewJavascriptBridge