Capacitor 工作流程
Capacitor 的工作流程主要包含以下几个常规任务:
1. 开发并构建 Web 应用
Capacitor 会将您的 Web 应用转换为各平台的原生应用包。因此,大部分工作将围绕开发并构建适合移动端的 Web 应用展开。
您可以通过以下方式与底层原生平台交互:
- 使用 Capacitor 原生插件(如相机插件)
- 通过 Capacitor 的Cordova 兼容层使用现有 Cordova 插件
最后使用以下命令构建应用:
npm run build
如果使用前端框架,请遵循框架的构建流程。例如使用 Ionic 时:
ionic build
2. 同步 Web 资源
当需要在真机或模拟器上运行应用时,使用以下命令同步构建好的 Web 资源:
npx cap copy
3. 启动原生集成开发环境
Capacitor 依赖原生 IDE 进行应用构建、模拟和运行。使用以下命令打开对应 IDE:
npx cap open
4. 更新原生工程
以下情况需要更新 Capacitor 原生工程(例如安装新插件时):
npm install really-cool-plugin
npx cap update
5. 升级 Capacitor
检查 Capacitor 更新:
npx cap doctor
升级核心模块和命令行工具:
npm install @capacitor/cli@2
npm install @capacitor/core@2
升级各平台支持:
npm install @capacitor/ios@2
npm install @capacitor/android@2