js与Android原生交互实现与原理详解

### js2android-bridge-demo 知识点详解 #### 标题解析 标题 "js2android-bridge-demo:js 与原生 android 交互 demo，包含 js 调用 native 以及 native 调用 js" 指出了该项目的两个主要功能：一是 JavaScript 代码调用原生 Android 功能（js 调用 native），二是原生 Android 功能调用 JavaScript 代码（native 调用 js）。这种交互方式对于开发混合应用（Hybrid App）十分关键，能够实现 Web 技术与 Android 原生技术的无缝融合。 #### 描述解析 描述部分解释了实现上述功能的技术细节： 1. **拦截 window.prompt：** 通过重写 WebChromeClient 类的 onJsPrompt 方法，可以拦截 JavaScript 中的 window.prompt 方法调用。这一技术手段用于捕获从 JavaScript 环境传来的消息（msg），这是实现跨平台调用的关键。 2. **msg 参数解析：** 重写后的 onJsPrompt 方法能够获取 msg 参数，这个参数将作为 native 端和 js 端交互的协议。通过 Java 的反射机制（Reflection），原生代码可以根据这个协议解析和执行相应的类方法。 3. **通信协议结构：** 通信协议的基本结构为 `${sechema}://${host}:${port}/${path}?${params}`，格式类似 URL，便于数据传递与解析。在 js 端使用的具体协议为 `${SECHEMA}://${obj}:${callBackNo}/${method}?${params}`，其中 `SECHEMA` 是协议常量，用于标识通信协议，`obj`、`callBackNo` 和 `method` 分别代表对象、回调编号和方法名称，`params` 是方法参数。 #### 标签解析 **Java：** 标签 "Java" 表明该 demo 主要是基于 Java 编程语言编写的。Java 是 Android 开发的主要语言，通过 Java 实现 JavaScript 和 Android 原生代码的交互桥接是非常常见且有效的方法。 #### 文件名称列表解析 **js2android-bridge-demo-master：** 文件名称列表中的 "js2android-bridge-demo-master" 可能指向了该演示项目的源代码仓库。在版本控制系统如 Git 中，"master" 通常是一个主分支的名称，意味着该文件列表可能来源于项目的主要开发线。 #### 详细知识点 1. **Android WebChromeClient 类：** - WebChromeClient 是一个提供给 Web 视图控制浏览器界面的接口，如各种浏览器功能。 - 它可以拦截和处理 JavaScript 中的某些方法，例如 window.alert、window.confirm 和 window.prompt。 2. **JavaScript window.prompt 方法：** - window.prompt 是 JavaScript 中用于显示一个对话框，让用户输入一些文本的函数。 - 它可以被原生应用代码重写，从而在用户进行某些 JavaScript 操作时执行特定的原生逻辑。 3. **Java 反射机制：** - Java 反射机制是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法。 - 它还可以动态地创建类的实例，调用类的方法，或者修改类的属性。 4. **URL通信协议结构：** - 描述中提到的通信协议类似于 URL，这种方式便于传递数据和进行跨平台调用。 - 通过定义清晰的协议，可以轻松地解析从 JavaScript 端发送到原生端的指令和参数，以及从原生端返回给 JavaScript 端的结果。 5. **Hybrid App 开发：** - Hybrid App 是指既包含原生代码也包含 Web 技术（HTML、CSS、JavaScript）的应用。 - 通过在原生应用中嵌入 Web 视图（如 WebView），开发者可以利用 JavaScript 实现更加动态和丰富的用户界面。 综上所述，js2android-bridge-demo 不仅是一个技术示例，同时也提供了一种混合应用开发的思路。通过这种方式，开发者可以在保证原生应用性能的同时，享受 Web 开发的灵活性和快速迭代的优势。