在addjavascriptinterface的在4.4以后不支持吗

发布网友发布时间：2022-04-22 02:51

共1个回答

热心网友时间：2024-03-26 03:23

Hybrid架构的核心就是JSBridge交互，而实现这个交互的前提是弄清楚H5和Native端的交互

本文主要介绍Native端（Android/iOS）和H5端（泛指前端）的交互原理

原生和前端的交互有两种方式：url scheme以及JavaScriptCore（在Android中是addJavascriptInterface）

url scheme适用于所有的系统设备（低版本Android和低版本iOS都适用）

但是url scheme毕竟是通过url拦截实现的，在大量数据传输，以及效率上都有影响

另一种方法则在低版本中会有这样或那样的问题

如JavaScriptCore不支持iOS7以下，addJavascriptInterface在4.2以前有风险漏洞

当然了，时至今日，这些低版本造成的影响已经慢慢不再

这个是最广为流传的交互方式，起因是因为在hybrid刚出来时，很多低版本都需要兼容，因此几乎都用的这种

一些概念：

一般清空下，url scheme是一种类似于url的链接,是为了方便app直接互相调用设计的

具体为,可以用系统的OpenURI打开一个类似于url的链接(可拼入参数),
然后系统会进行判断,如果是系统的url scheme,则打开系统应用,
否则找看是否有app注册这种scheme,打开对应app

需要注意的是,这种scheme必须原生app注册后才会生效,如微信的scheme为(weixin://)

而本文中混合开发交互的url scheme则是仿照上述的形式的一种方式

具体为,由前端页面通过某种方式触发scheme(如用iframe.src),
然后Native用某种方法捕获对应的url触发事件,然后拿到当前的触发url,
根据定义好的协议,分析当前触发了那种方法,然后根据定义来执行等

协议类似于： quickhybrid://xxx

一般这种交互的url没有必要在原生app配置中注册

注意⚠️： ️iOS10以后，urlscheme必须符合url规范，否则会报错。

基本原理：

如下图：

相比于其它方案的优点：

所以如果需要兼容这类型低版本的机型，url scheme方案是不二选择

分别包括Android，iOS中H5和原生互相调用，总结如下：

H5调Android：
首先，原生webview需要先注册可供前端调用的JS函数

然后H5中即可调用原生中注册的函数

注意：

Android调H5：

在4.4版本之前

在4.4及以后（包括）

注意：

H5调iOS：

以OC为例

首先，需要引入JavaScriptCore库

然后原生需要注册API

之后前端就可以调用了

注意：

iOS调H5：

注意：

本文转自： http://www.cnblogs.com/dailc/p/8097598.html