将使用 Cordova 构建的 Web 应用程序迁移到 Capacitor: 步骤指南
This guide will help you migrate your web app from Cordova to Capacitor, making it easy to read and follow. We’ll cover all sections and provide a step-by-step approach.
Introduction to Cordova and Capacitor
Cordova 和 Capacitor 都是用于让 web 开发者创建针对各种平台的原生应用的工具，使用 HTML、CSS 和 JavaScript。虽然它们在某些方面相似，但在原生项目管理、插件管理和 CLI/版本管理方面有着不同的方法。
迁移策略
Migrating from Cordova to Capacitor can be done gradually or as a complete replacement, depending on the complexity of your app. Capacitor is backward-compatible with Cordova, allowing you to switch your existing web apps to it whenever you’re ready.
使用Capacitor提供的工具和资源 Ionic VS Code Extension 继续使用 Cordova 插件或替换为 Capacitor 等价物。
Migrate Cordova to Capacitor
按照以下步骤将您的Web应用程序从 Cordova 迁移到 Capacitor:
-
在单独的 code 分支中工作: 在应用这些更改时，建议在单独的 code 分支中工作。
-
Initialize your app with Capacitor: 在终端中打开您的项目并遵循添加 __CAPGO_KEEP_0__ 到 Web 应用程序的指南 将 Capacitor 添加到 Web 应用 or 添加 Capacitor 到 Ionic 应用程序. 使用 Cordova 文件中的应用程序名称和 Bundle ID 的信息。
config.xml构建您的Web应用程序 -
__CAPGO_KEEP_0__: 在添加任何本机平台之前，至少要先在 web 项目中构建一次。这确保了 __CAPGO_KEEP_0__ 配置文件中的文件夹被正确配置。
www: 确保 Capacitor 配置文件中的文件夹被正确配置。 -
: 添加平台: 运行
npx cap add iosandnpx cap add android: 添加 iOS 和 Android 平台。这些将在您的项目根目录下创建单独的本机项目文件夹。 -
: 生成图标和启动屏幕: 如果您有现有的图标和启动屏幕图片，使用工具生成并将它们复制到本机项目中。
cordova-res: 审核和迁移现有的 Cordova 插件 -
检查并迁移现有Cordova插件: 检查您的现有 Cordova 插件并将它们替换为 Capacitor 的等效项，如果可能的话。移除任何不必要的插件。
-
: 运行: Cordova 插件替换或移除后，卸载插件并运行
npx cap sync以移除 native 项目中的 code 插件 -
应用额外的权限: 在 iOS 和 Android 上映射
plugin.xml并在 iOS 和 Android 上应用必要的设置 -
配置偏好: 手动从
config.xml将偏好项添加到 Capacitor 配置文件中 -
处理平台特定的配置: 为每个平台 (iOS 和 Android) 配置元素，如所需
config.xml更改内容服务的方案 -
: 更改 __CAPGO_KEEP_0__ 配置文件中的内容服务 URL: 如果需要，请更改用于在您的应用中服务内容的方案，以避免数据丢失。
-
测试并移除 Cordova: 测试您的迁移应用以确保所有更改都已正确应用。 一旦满意，您可以从项目中移除 Cordova 或保留它，如果您计划继续使用 Cordova 插件。
恭喜！您成功将 Cordova 应用迁移到 Capacitor。 为了了解更多关于在 Capacitor 项目中使用 Cordova 插件或 Capacitor 开发流程的信息，请访问 官方 Capacitor 文档.
使用我们的 Capgo 服务进行实时更新
我们自豪地提供 Capgo，我们的解决方案使您能够实时更新您的 Capacitor 应用，允许您以公平价格进行 Over-The-Air (OTA) 更新。 这一功能尤其适用于快速修复、部署新功能以及确保您的用户始终拥有最新版本的应用而无需等待应用商店批准。
我们的 Capgo 服务如何工作
Capgo 是一个基于云的服务，允许您向您的 Capacitor 应用部署实时更新。 它包括一个 Web 控制台和一个本机 SDK，您可以将其集成到应用中。 SDK 在启动或特定时间间隔时检查更新，并在后台下载它们。 当有可用更新时，SDK 将提示用户安装它。 如果用户接受，更新将立即安装并应用。
Capgo 实时更新的好处
- 更快的更新： 立即部署更新而无需等待应用商店批准。
- 减少对苹果商店的依赖： 绕过应用商店的限制和限制。
- 用户体验改进 保持用户与最新功能和 bug 修复的联系,无需用户手动更新应用。
How to Implement Capgo Live Updates
To implement Capgo live updates in your Capacitor project, follow these steps:
- 注册Capacitor Capgo 账户.
- 在您的项目中安装 Capgo SDK.
- 配置应用程序以在启动时或在特定间隔时检查更新。
- 使用Capgo控制台部署应用程序更新。
结论
We hope this guide has helped you migrate your web app from Cordova to Capacitor. If you have any questions or need assistance with the migration process, feel free to contact us on our discord server.
继续从 Cordova 到 Capacitor: 一步步的指南
如果您正在使用 从 Cordova 到 Capacitor: 一步步的指南 计划迁移和企业运营，连接它与 Capgo 企业 为企业产品工作流程在Capgo中 为 __CAPGO_KEEP_0__ 企业产品工作流 ionic 企业插件替代品 为 Ionic 企业插件替代品工作流中的 Capgo 替代品 为Capgo产品工作流程 Capgo咨询 为Capgo咨询， Capgo高级支持 为Capgo高级支持。
