在 Ionic Framework 中使用 Capacitor
Capacitor 并不强制要求使用 Ionic Framework 来构建应用。不过,开发者可能会发现 Ionic 提供的丰富 UI 组件库对于构建高质量应用非常有帮助。
通过 Ionic CLI,可以快速将 Capacitor 安装到任何新建或现有的 Ionic 应用中。
在新 Ionic 项目中安装 Capacitor
对于新的 Ionic 项目,Capacitor 默认已经预装!您只需创建一个新项目即可。要创建新的 Ionic 项目,请运行以下命令:
ionic start
如果您需要构建第一个基于 Capacitor 的 Ionic 应用的教程,请查看 Ionic Framework 团队提供的此教程。
在现有 Ionic 项目中安装 Capacitor
如果您现有的 Ionic 项目尚未启用 Capacitor,可以通过运行以下命令来启用:
ionic integrations enable capacitor
安装 Capacitor 插件依赖
Ionic Framework 使用了以下 Capacitor 插件提供的 API:
为了获得最佳用户体验,即使您没有在应用中导入这些插件,也应该确保它们已安装。要安装这些插件,请在项目根目录下运行以下命令:
npm i @capacitor/app @capacitor/haptics @capacitor/keyboard @capacitor/status-bar
添加平台
安装 Capacitor 及其插件后,您可以为应用添加移动平台:
ionic capacitor add android
ionic capacitor add ios
这将在项目根目录下为原生平台创建一个新目录。该目录是一个原生项目,应被视为源代码产物。了解更多关于原生项目管理的信息。
信息
如果您的 Ionic 应用正在使用 Cordova,我们也提供了从 Cordova 迁移到 Capacitor 的指南。
Ionic CLI 的 Capacitor 命令
Ionic CLI 提供了多个高级命令,这些命令封装了 Capacitor CLI 以便于使用。请参阅以下各命令的文档。在每个命令后使用 --help
标志也可以查看帮助输出。
ionic capacitor add
ionic capacitor build
ionic capacitor run
ionic capacitor sync
ionic capacitor open
有关 Ionic CLI 的更多信息,以及如何将其与 Capacitor 配合使用,您可以查看此文档。