使用 Capacitor 和 构建移动应用程序

Desknumber

在本教程中，您将学习如何使用 Capacitor 和尖端 Web 技术（例如 和 Ionic 4 Web 组件）来构建适用于 Android 和 iOS 的跨平台移动应用程序。您还可以利用 Capacitor 使用相同的代码库来定位其他平台，例如桌面和 Web。

最近，Ionic 团队宣布推出 Apache Cordova 和 Adob​​e PhoneGap 的开源精神继承者，称为Capacitor。Capacitor 允许您使用现代 Web 技术构建应用程序并在任何地方运行它，从 Web 浏览 电子邮件营销列表 器到本机移动设备（Android 和 iOS），甚至通过 Electron 进行桌面平台（Electron 是一个流行的 GitHub 平台，用于使用  构建跨平台桌面应用程序）和前端网络技术。

Ionic——最流行的混合移动框架——目前运行在 Cordova 之上，但在未来的版本中，Capacitor 将成为 Ionic 应用程序的默认选项。Capacitor 还提供了一个兼容性层，允许在 Capacitor 项目中使用现有的 Cordova 插件。



除了在 Ionic 应用程序中使用 Capacitor 之外，您还可以在没有 Ionic 的情况下将其与您喜欢的前端框架或 UI 库一起使用，例如 Vue、React、Angular with Material、Bootstrap 等。

在本教程中，我们将了解如何使用 Capacitor 和 Vue 构建一个简单的 Android 移动应用程序。事实上，如前所述，您的应用程序还可以作为渐进式 Web 应用程序 (PWA) 运行，或者在主要操作系统中作为桌面应用程序运行，只需几个命令。