android - 引擎盖下的混合应用程序开发(PhoneGap、Cordova、Ionic)

Question

我想了解一切是如何运作的，但对这个主题有一些疑问。

我将解释我是如何理解这些东西的。

首先让我们从Cordova开始，这是一个将JS,CSS,HTML文件翻译成的平台 native 应用程序。但事实并非如此。
实际上，它只是将所有 html、css 文件放入 asset 文件夹中，此类平台所做的唯一事情就是创建特定于该平台的自定义 WebView，对其进行配置，将所有必需的插件绑定(bind)到它并设置默认页面以打开。
除了平台插件提供的钩子(Hook)方法外，其他一切都只是 web 开发，这些方法有助于通过 WebView 的 java 调用访问 GPS、Camera 等 native 功能。
所以所有其他的东西都取决于特定的原生网络核心来处理和支持像 HTML5, CSS3 这样的功能......如果例如 WebKit 实现特定的 android 版本不支持这些功能，你不能做一些事情来让它工作而不是更新 Android 的低级核心。

所以我有以下问题。

1. Onsen UI, Ionics, Sencha 等平台是什么……官网说HTML5 Hybrid Mobile App PhoneGap 和 Cordova 的框架和 UI 组件。为什么关键字HTML5无处不在，这只是原生浏览器核心的特性而已，如果浏览器不支持所有这些平台和框架就没用了。

2. 这些平台的特殊之处在于Mobile-hybrid specific。我知道 PhoneGAp 和 Cordova 提供插件和一些代理来与 native API 通信，但是对于 UI 框架 这只是 css,js , html 文件 ?为什么我不能在默认的 PC 浏览器中使用它们？

3. 安装这样的平台和框架的目的是什么，例如通过npm安装npm install onsenui，为什么我不能简单地复制js文件到我的元素目录？我知道有些平台使用 css-preprocessors 将伪 css 文件编译成 css 文件，但在没有此类工具的情况下。

请告诉我哪里错了，并回答我的问题。如果有任何帮助，我将不胜感激

Answer 1

1)您在第一个问题中提到的所有库/框架都有些不同。

• Ionic 提供了一个用于混合应用程序的 UI 框架(即控件)以及用于与所提供的 UI 控件进行交互的 Angular 服务。它实质上为您提供了构建混合应用程序的完整堆栈。

• Onsen UI 是另一个 UI 框架，它比 Ionic 更小，并且与库的关系略微不同。 Onsen 确实为其 UI 提供 Angular 绑定(bind)和服务，但也可以使用普通的旧式 JS 或 jQuery。即将推出的版本还支持 React 绑定(bind)。​​

• 关于 Sencha 我不能说太多(我没有用过它)，但它也是 UI 框架。然而，Snecha 使用他们自己的名为 ExtJS 的 JS 框架。

使用关键字 HTML5 更有可能宣传 UI 框架正在使用现代网络技术(Flexbox 等)。我(如果我错了，请有人纠正我)认为这可能只是一种营销策略。

2) 从技术上讲，没有一个是 Hybrid 特定的。您认为它们可以在桌面浏览器环境中使用是正确的。也就是说，UI 组件是为移动设备设计的，在桌面上看起来不太吸引人。它们最适合混合应用程序和移动网络应用程序。 Ionic 甚至正在插入渐进式网络应用程序，并计划扩展对桌面(包括电子)的支持。

3) 通过包管理器安装这些框架也很方便。您可以轻松地复制文件(Ionics 的网站解释说您可以这样做)。并手动编译样式，但让事情正常工作需要更多工作。有些，如 Ionic，通过 NPM 安装了 CLI，但框架通常是通过 Bower 安装的。它还可以在发布新版本时轻松升级。总的来说，你可能会问，为什么要为任何语言/平台使用包管理器，这归结为组织和便利。

我希望我回答了你所有的问题，如果没有，请发表评论。