Cordova 如何将我的代码转换为移动代码

Posted 2023-05-06

【中文标题】Cordova 如何将我的代码转换为移动代码

【英文标题】：How does Cordova convert my code to mobile

【发布时间】：2019-06-29 18:18:51

【问题描述】：

我有一些问题。

问题 1) 我知道 Cordova 是用纯 js 编写的。 Ionic 团队站起来，决定通过编写打字稿代码和 Angular 来包装 Cordova 插件和使用它。所以 ionic 位于 Cordova 之上。两者都是框架，但 Cordova 更深入。我说的对吗？

问题 2) 哪一个真的可以将我的代码转换为移动代码？我知道没有浏览器，手机无法理解 js/html/css。所以某些东西将我的 Ionic 代码转换为某些东西。 a）我的代码转换成什么？ b) 真正转换我的代码的是什么？

我正在开始 ionic 开发，我真的很想先了解这一点。

【问题讨论】：

JS 只是一种语法。我假设它就像所有其他解释器/编译器一样，它将它支持的任何语法编译成它的解释器支持的任何字节码。与 android 上的任何非 Java 解决方案一样，仍然需要有一个核心 Java 组件才能启动应用程序。

*** 上有很多相关问题，例如：How does phoneGap (Cordova) work internally, ios specific 和 Hybrid application development (PhoneGap, Cordova, Ionic) under the hood

【参考方案1】：

Ionic 它只是一个移动开发框架，因此您可以使用设计组件以及其他插件来开发应用程序。

当我们提到术语 Cordova 时，它是一个主要核心，它允许您使用标准 Web 技术 - HTML5、CSS3 和 JavaScript 进行跨平台开发。应用程序在针对每个平台的包装器中执行，并依赖符合标准的 API 绑定来访问每个设备的功能，例如传感器、数据、网络状态等。

架构

cordova 应用程序有几个组件。下图显示了 cordova 应用程序架构的高级视图

网络视图 启用 Cordova 的 WebView 可以为应用程序提供其整个用户界面。在某些平台上，它还可以是更大的混合应用程序中的一个组件，将 WebView 与本机应用程序组件混合在一起

网络应用

这是您的应用程序代码所在的部分。应用程序本身被实现为一个网页，默认情况下是一个名为 index.html 的本地文件，它引用 CSS、javascript、图像、媒体文件或其他资源是它运行所必需的。应用程序在本地应用程序包装内的 WebView 中执行，您将其分发到应用商店。

更多了解请看这篇文章

https://cordova.apache.org/docs/en/latest/guide/overview/