Angular 5 和原生 IOS/Android 通信答案

【问题标题】：Angular 5 and native IOS/Android communicationAngular 5 和原生 IOS/Android 通信
【发布时间】：2018-10-01 13:01:43
【问题描述】：

我们正在构建一个 Angular 应用程序，我们将把它作为 webview 嵌入到现有的 IOS 和 android 应用程序中。我想在 Angular 应用程序和本机应用程序之间创建通信。

例如：在某些事件（例如下载）中，Angular UI 应该将一些数据发送到本机应用程序以使用这样的默认应用程序行为..

从基本搜索中我发现可以使用 javascript 来完成。

我想知道执行此操作的最佳方法（架构级别），即角度 UI 和本机应用程序之间的通信。

【问题讨论】：

【解决方案1】：

如果您已经拥有原生 iOS / Android 应用，并且就像您将 Angular 响应式 Web 应用嵌入其中一样，您可以使用 JavaScript 接口进行通信。

但是，如果您有兴趣为您的 Angular 应用程序提供完整的原生性能、外观和感觉，则可以选择 NativeScript。您将不得不使用 NativeScript 框架开箱即用的跨平台布局/组件重写您的 HTML 组件，但您仍然可以重用您的 Angular 控制器、模型、服务等，

文档：

https://docs.nativescript.org/code-sharing/intro

【讨论】：

“使用 JavaScript 接口进行通信” .. 您能否详细说明如何在 Angular 架构中有效地完成此操作？
这是一个快速简单的示例，说明如何在 iOS 中进行通信。 stackoverflow.com/questions/15537320/… Android 也有类似的选项。
在 Angular 5 中 .. 我们必须在任何组件级别或作为通用库文件编写它？
如果你有一个原生应用程序，大部分工作将在原生应用程序端。 Web 应用程序必须触发 iOS 应用程序可以理解并相应操作的东西 - 它与 Angular 无关。