jsbridge原理

jsbridge原理
JSBridge是指在WebView和原生App之间建立JS与Native通信的桥梁。

对于WebView开发者而言，JSBridge可以方便地调用原生API，实现更多的功能和交互效果；而对于原生开发者而言，JSBridge 则可以通过监听WebView加载的URL来实现对JS方法的调用。

JSBridge 的原理是通过WebView的loadUrl 方法接受编写好的url协议来达到通信的目的。

通过webview的自定义Scheme URI，Native端通过重写WebViewClient中shouldOverrideUrlLoading函数来拦截WebView请求，从而判断出是否为JSBridge通信消息。

JSBridge 实现通信的过程是一个异步的过程，它先将调用方法等消息传给原生应用，再通过异步的回调方法，将返回结果返回给JS 调用方。

JavaScript 代码可以通过注入代码的形式，在页面中建立一个 JsApi 对象，该对象可以包括 Native 相关的方法和属性，从而让WebView能够直接调用。

值得注意的是，JSBridge通信需要进行严格的协议约束，包括消息格式、协议版本、字段名称等等，以确保通信的正确性和稳定性。

总的来说，JSBridge的出现，可以让浏览器和原生APP之间的交互更加方便和高效，实现了全栈开发，提高了开发效率和用户体验。