跨平台框架中的js bridge

[panda020111]

无论从最开始的跨平台框架Cordova，还是后面的RN或者是Weex，js与native的通信一直都是一个比较关注的点；想在这里总结下，js与Native之间通信的问题；

Android端js bridge的常规实现有这么几种：

• @JavascriptInterface，这是Android提供给Js和Native通信的官方方案； public class JavascriptInterface {

    @JavascriptInterface
    public void showToast(String msg) {
        Toast.makeText(context, msg, Toast.LENGTH_SHORT).show();
    }

  }

  //再将这个类注入到js执行环境中 webview.addJavascriptInterface(new JavascriptInterface(), 'javascriptInterface');

  //然后就可以在js中使用了 function show(msg) { javascriptInterface.showToast(msg); } 这种方式在Android4.2之前有严重的安全问题，在4.2之后，才有解决；在著名的开源项目Cordova中就使用的这种方式进行js-bridge的构建；

• 通过拦截url来进行判断；通过特定的schema头和协议来进行通信判断；Android Webview提供的接口中有很多可以拦截，WebViewClient.shouldOverrideUrlLoading(),这个方法是拦截所有跳转的，可以通过location.href="jsbridge://class/method?params"这样的方式来进行通信；
• 还有比较常用的WebChromeClient.onJsPrompt(), 其实onJsAlert()和onJsComfirm都可以用，但是这两个window.alert()和window.comfirm()的使用频率都比较高，所以现有的js-bridge框架中都基本采用onJsPrompt()来进行js通信；

[luozhang002]

看你的文章，觉得作者在跨平台领域专研的很深，面试必备呀