Angular/ HTML5 到 iOS WKWebView 通信

我们正在尝试看看发送信号的最佳选择是什么To iOS WKWebView fromAngular 6，HTML5 项目。

任何示例都会很棒。

我们想要做的是：我们在 Angular 网页上有一个按钮，单击该按钮应该通知 iOS 执行某些操作。 我们在 iOS 中加载 Angular 页面WKWebView.

参考Angular 5 和原生 IOS/Android 通信 https://stackoverflow.com/questions/52591767/angular-5-and-native-ios-android-communication，不是很清楚。如果 ios 和 Angular 方面都有可用的示例，那就太好了。

苹果提供了一个机制WebKit将消息从 HTML 发布到本机：

在您的 HTML 页面中，调用：

window.webkit.messageHandlers.messageHandler.postMessage("Pass your data here...");

where, messageHandler是您的 iOS 代码中收到的消息的名称。"Pass your data here..."是通过以下方式传递到 iOS 的数据messageHandler信息。

在你的 iOS 代码中：

使用 WKUserContentController 添加消息处理程序add(_:name:)方法如下：

webView.configuration.userContentController.add(self, name: "messageHandler")

最后，在你的ViewController代码实现WKScriptMessageHandler的userContentController:didReceiveScriptMessage:方法如：

func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
     if message.name == "messageHandler" {
          // Your Message handler code goes here...            
     }

根据 Apple 文档add(_:name:) method:

添加名称为 name 的脚本消息处理程序 导致 JavaScript 函数 window.webkit.messageHandlers.name.postMessage(messageBody) 在使用用户内容控制器的所有 Web 视图的所有框架中定义。

苹果文档链接 https://developer.apple.com/documentation/webkit/wkusercontentcontroller/1537172-add