如何收听来自Swift的JavaScript CallBack？

要收听来自Swift的JavaScript CallBack，首先需要理解这是在什么样的环境下发生，通常这是在混合开发环境中，比如使用Swift进行iOS应用开发，同时需要调用JavaScript代码或者与Web页面交互。

基础概念

1. 混合开发：指的是在一个应用中同时使用原生代码（如Swift）和Web技术（如HTML、CSS、JavaScript）。
2. JavaScriptCore：是iOS平台上一个框架，允许Swift代码与JavaScript代码进行交互。
3. WKWebView：是iOS上用于展示Web内容的视图组件，它提供了比UIWebView更现代、更高效的Web内容渲染方式，并且也支持JavaScript与原生代码的交互。

优势

• 代码复用：可以在Web页面中使用现有的JavaScript代码，无需重写。
• 性能优化：对于计算密集型或者需要频繁更新UI的任务，可以利用原生代码的性能优势。
• 用户体验：可以提供更加流畅和原生的用户体验。

类型

• Swift调用JavaScript：通过JavaScriptCore或WKWebView的API，Swift代码可以执行JavaScript代码并获取返回值。
• JavaScript调用Swift：通过JavaScriptCore的JSExport协议或者WKWebView的addScriptMessageHandler方法，JavaScript代码可以调用Swift代码。

应用场景

• Hybrid App开发：混合应用开发，结合Web技术和原生应用的优势。
• 动态内容加载：从服务器加载动态内容并在应用中展示。
• 第三方SDK集成：某些第三方服务可能提供JavaScript SDK，需要与原生应用集成。

如何收听来自Swift的JavaScript CallBack

假设你已经在iOS应用中集成了WKWebView，并且想要收听来自JavaScript的回调。以下是一个简单的示例：

1. 设置WKWebView：

import WebKit

class ViewController: UIViewController, WKScriptMessageHandler {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let contentController = WKUserContentController()
        contentController.add(self, name: "nativeHandler")

        let config = WKWebViewConfiguration()
        config.userContentController = contentController

        webView = WKWebView(frame: self.view.frame, configuration: config)
        self.view.addSubview(webView)

        if let url = URL(string: "https://your-web-page.com") {
            let request = URLRequest(url: url)
            webView.load(request)
        }
    }

    // 实现WKScriptMessageHandler协议的方法
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "nativeHandler", let body = message.body as? [String: Any] {
            print("Received message from JavaScript: \(body)")
            // 在这里处理来自JavaScript的消息
        }
    }
}

1. 在Web页面中调用Swift：

在你的Web页面中，你可以使用以下JavaScript代码来调用Swift：

window.webkit.messageHandlers.nativeHandler.postMessage({key: 'value'});

当这段JavaScript代码执行时，它会触发nativeHandler消息处理器，并将一个包含{key: 'value'}的对象作为参数传递给Swift代码。

可能遇到的问题及解决方法

• 消息未传递：确保WKWebView已经加载完成，并且JavaScript代码在WKWebView加载完成后执行。
• 消息处理器未注册：确保在WKWebView配置中正确注册了消息处理器。
• 类型不匹配：确保传递的消息类型与Swift代码中期望的类型匹配。

参考链接

• WKWebView Class Reference
• JavaScriptCore Framework Reference
• WKScriptMessageHandler Protocol Reference

请注意，以上代码和信息是基于iOS平台的，如果你在其他平台上进行类似的操作，可能需要使用不同的API和方法。