Android、iOS和HarmonyOS系统中JSBridge的原理解析及使用方式

一、Android、iOS和HarmonyOS系统中JSBridge的原理解析及使用方式

1、混合开发中，app研发常利用其灵活更新与高效交付优势，但需在原生native能力和网页间构建沟通桥梁。这时，JSBridge应运而生，为构建双向通道提供解决方案。

2、JSBridge在实现原理上，利用了JavaScript与原生环境的天然隔离，通过注入与调用，实现两端通信，类似于RPC模式，JavaScript为客户端，原生为服务端。

3、JavaScript调用Native主要通过两种方式：注入API与拦截URL SCHEME。前者通过WebView接口在JavaScript中注入对象或方法，调用执行原生代码。后者则利用自定义的URL Schema，通过Web端请求，由Native端监听响应。

4、在iOS、Android与HarmonyOS上，实现方法各有差异，iOS从早期的UIWebView逐渐过渡至更高效的WebKit与WKWebView，而Android与HarmonyOS则通过WebView的loadUrl或evaluateJavaScript方法操作。

5、当Native需要调用JavaScript时，可直接执行JavaScript代码，方法通常位于window全局对象上。在Android中，利用WebView的loadUrl或evaluateJavaScript实现，而在HarmonyOS中，则对应使用WebviewController.runJavaScript。

6、JSBridge接口设计为异步通信，实现全双工，支持双方交互。被调用方通过注册处理函数，调用方通过传入函数名、参数与回调，实现功能调用。JavaScript通过JSBridge.callHandler调用原生方法，进行异步操作。

7、综上所述，JSBridge在混合应用中扮演关键角色，实现跨层交互，融合原生与Web优势，提升应用开发与维护效率。

二、webviewjavascriptbridge就是jsbridge吗

1、是的，WebViewJavaScriptBridge就是JSBridge。

2、WebViewJavaScriptBridge和JSBridge都是用于iOS和Android平台的原生代码与WebView中的JavaScript进行交互的桥梁。具体来说，它们提供了一种机制，使得开发者能够在移动应用中的原生部分和WebView加载的网页之间传递数据、调用函数等。这两个术语在本质上是相同的，只是名称上有所区别。它们都是为了解决WebView中JavaScript与原生代码通信的问题。

3、WebView中的JavaScript通常需要与原生代码进行交互，以获取某些数据或执行某些操作。而WebViewJavaScriptBridge或JSBridge提供了这种交互的接口。通过这种方式，网页中的JavaScript可以通过这些桥梁与原生代码进行通信，从而实现更复杂的功能和操作。这种交互对于开发混合应用或需要网页与原生代码协同工作的应用来说是非常关键的。

4、简而言之，WebViewJavaScriptBridge和JSBridge都是用于实现WebView中JavaScript与原生代码之间通信的工具。虽然名称上可能有所不同，但它们的功能和目的是相同的。开发者可以根据具体的应用场景和需求选择使用哪一个，或者根据团队的约定和规范来统一使用。

三、AlipayJSBridge call参数

content:type，类型:string，描述:文字内容，必选：Y，默认值:‘’，版本:8.0；delay:int，延迟多少毫秒后显示；如果在此时间之前调用了hideLoading,则不会再显示，autoHide：bool:默认情况下容器会在pageFinish的后会主动隐藏菊花，默认true,传入false，关掉自动隐藏(only android)。

AlipayJSBridge是支付宝客户端通过bridge机制，允许前端H5页面通过特定的JS方法AlipayJSBridge不需要任何的引用，是支付宝在window.load后直接存在的。