iOS 与 JS 的亲密交互

IOS

2023-10-29 03:51:39

虽然「杂种」这个词有点不雅，但它却很形象地了混合开发模式的本质——兼收并蓄，融会贯通。在混合开发中，Web 页面中的 JS 与 iOS Native 的互动至关重要。对于每个 iOS 开发者而言，掌握这种交互技术是必备技能。

iOS Native 和 JS 的交互离不开 WebView 的鼎力支持，它相当于一个沙盒，将 Web 内容与 Native 应用隔离开来。然而，这个沙盒并不能阻挡两者之间的亲密接触。

交互方式

iOS 与 JS 的交互方式主要有两种：

1. 通过 WebView

WebView 是 iOS 中用来加载和显示 Web 内容的控件。它提供了多种方法供 JS 代码与 Native 代码交互，例如：

evaluateJavaScript: 执行 JS 代码。
stringByEvaluatingJavaScriptFromString: 将 JS 代码转换为字符串并执行。
callJavaScriptSelector: 调用 JS 对象的方法。

2. 通过 JavaScriptCore

JavaScriptCore 是一个 JavaScript 运行时环境，允许在 iOS 应用中执行 JS 代码。开发者可以通过 JavaScriptCore 直接访问 JS 对象和函数。

实战案例

下面是一个通过 WebView 实现 iOS 与 JS 交互的简单示例：

// 在 ViewController 中定义一个 WebView
let webView = WKWebView()

// 加载 HTML 页面
webView.load(URLRequest(url: URL(string: "https://example.com")!))

// JS 调用 Native 方法
webView.configuration.userContentController.add(self, name: "nativeMethod")

// Native 方法实现
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    print(message.body)
}

// 在 JS 中调用 Native 方法
webView.evaluateJavaScript("window.webkit.messageHandlers.nativeMethod.postMessage('Hello from JS!')")