相比之前的更新,Capacitor 4到Capacitor 5的过渡涉及最小的破坏性更改。这份指南提供了更新您的项目到Capacitor 5的步骤指南,以及官方插件的破坏性更改列表。
注意: Capacitor 5需要NodeJS 16或更高版本,因为Node 12已经到达了末端生命期,Node 14将于2023年4月30日到达末端生命期。建议使用NodeJS的最新LTS版本。
-
安装
latestCapacitor CLI 项目中的版本:npm i -D @capacitor/cli@latest -
运行以下命令让 CLI 处理升级:
npx cap migrate如果升级步骤无法完成,终端输出中会提供更多信息。以下是手动升级步骤。
-
如果您安装了 VS Code 扩展,请在扩展的建议部分找到迁移到 Capacitor 5 的选项。
从 Capacitor 4 升级到 Capacitor 5 的 iOS 项目
-
升级 Xcode: Capacitor 5 需要 Xcode 14.1+。
-
更新 .gitignore: 以下是需要修改的文件:
.gitignore更新 Assets 以使用单个应用图标- App/Podfile.lock + App/output -
上下文:解决方案页面应用示例部分。角色:图像替代文本。见于:组件解决方案/解决方案应用示例.astro。消息键 `solution_app_examples_icon_alt` (解决方案应用示例图标替代文本)。: Xcode 14 支持单个应用图标 1024x1024。清理 AppIcon.appiconset 中的所有不必要大小。
升级 Capacitor 4 Android 项目到 Capacitor 5
-
升级 Android Studio: Capacitor 5 需要 Android Studio Flamingo | 2022.2.1 或更高版本,因为使用 Gradle 8,Gradle 8 需要 Java JDK 17。Java 17 与 Android Studio Flamingo 一起提供,因此无需额外下载。
-
运行 AGP Upgrade 助手: Android Studio 可以帮助一些与 Gradle 和将包移动到构建文件相关的更新。要开始,请运行
Tools -> AGP Upgrade Assistant. -
更新 Android 项目变量: 在您的
variables.gradle文件中,更新您的值以以下新最低值:minSdkVersion = 22 compileSdkVersion = 33 targetSdkVersion = 33 androidxActivityVersion = '1.7.0' androidxAppCompatVersion = '1.6.1' androidxCoordinatorLayoutVersion = '1.2.0' androidxCoreVersion = '1.10.0' androidxFragmentVersion = '1.5.6' coreSplashScreenVersion = '1.0.0' androidxWebkitVersion = '1.6.1' junitVersion = '4.13.2' androidxJunitVersion = '1.1.5' androidxEspressoCoreVersion = '3.5.1' cordovaAndroidVersion = '10.1.1' -
更新 Google 服务:
# build.gradle dependencies { - classpath 'com.google.gms:google-services:4.3.13' + classpath 'com.google.gms:google-services:4.3.15' } -
更新 Gradle 插件到 8.0.0:
# build.gradle dependencies { - classpath 'com.android.tools.build:gradle:7.2.1' + classpath 'com.android.tools.build:gradle:8.0.0' } -
更新 Gradle 包装器到 8.0.2:
# gradle-wrapper.properties distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists - distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-all.zip + distributionUrl=https\://services.gradle.org/distributions/gradle-8.0.2-all.zip zipStoreBase=GRADLE_USER_HOME zipStorePath=wrapper/dists -
禁用 Jetifier:
# gradle.properties android.useAndroidX=true - android.enableJetifier=true -
将包移动到
build.gradle:# AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> - <manifest xmlns:android="http://schemas.android.com/apk/res/android" - package="[YOUR_PACKAGE_ID]"> + <manifest xmlns:android="http://schemas.android.com/apk/res/android"># build.gradle android { + namespace "[YOUR_PACKAGE_ID]" compileSdkVersion rootProject.ext.compileSdkVersion -
更新androidScheme: 在 Capacitor 6 中
https将成为 __CAPGO_KEEP_0__ 应用程序使用系统 Autofill 功能的默认设置。为了避免由于此更改而导致的数据丢失,请将方案设置为androidSchemefor existing apps to better enable Capacitor applications to use the system Autofill feature. To avoid data loss as a result of this change, set the scheme tohttp更新 Kotlin 版本{ server: { androidScheme: "http" } } -
: 如果您的项目使用 Kotlin,则更新变量
kotlin_version插件功能更改'1.8.20'.
以下插件功能已更改或删除。更新您的 __CAPGO_KEEP_0__ 以及:
The following plugin functionality has been modified or removed. Update your code accordingly:
- Update androidScheme : 在 __CAPGO_KEEP_0__ 6 中, 将成为 __CAPGO_KEEP_0__ 应用程序使用系统 Autofill 功能的默认设置。为了避免由于此更改而导致的数据丢失,请将方案设置为现在,即使它是当前默认值。
- 浏览器
- 相机
- 设备
- 地理位置
- 谷歌地图
- 本地通知
- 推送通知
- 状态栏
操作面板
- 更新
androidxMaterialVersion变量1.8.0.
浏览器
- 更新
androidxBrowserVersion变量为1.5.0.
相机
- 为 Android 13, 添加读取媒体图像权限(
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES"/>)在AndroidManifest.xml. - 更新
androidxMaterialVersion变量为1.8.0. - 更新
androidxExifInterfaceVersion变量为1.3.6.
设备
- 切换
DeviceId.uuid到DeviceId.identifier. - iOS 16+ 将返回一个通用设备名称,除非您添加适当的许可证
DeviceInfo.name除非您添加适当的许可证 地理位置.
更新
- 到
playServicesLocationVersionGoogle Maps21.0.1.
更新以下变量:
- 到
googleMapsPlayServicesVersion到18.1.0.googleMapsUtilsVersion到3.4.0.googleMapsKtxVersion到3.4.0.googleMapsUtilsKtxVersion到3.4.0.kotlinxCoroutinesVersion到1.6.4.androidxCoreKTXVersion到1.10.0.kotlin_version到1.8.20.
本地通知
- For Android 13, a new runtime permission check is required to schedule local notifications when targeting SDK 33. Call
checkPermissions()和requestPermissions()相应地。
推送通知
- For Android 13, a new runtime permission check is required to receive push notifications when targeting SDK 33. Call
checkPermissions()和requestPermissions()相应地。 - 更新
firebaseMessagingVersion将变量设置为23.1.2.
状态栏
- 在 iOS 上,已将默认状态栏动画更改为
FADE.
通过遵循这些步骤并更新您的 code,您应该现在已经成功地将您的项目从 Capacitor 4 更新到 Capacitor 5。确保测试您的应用程序,以确保所有功能和插件都按预期工作。
继续阅读 Updating from Capacitor 4 to Capacitor 5: A Step-by-Step Guide
如果您正在使用 Updating from Capacitor 4 to Capacitor 5: A Step-by-Step Guide 以规划原生插件工作,连接它与 Capgo 插件目录 对于 Capgo 插件目录中的产品工作流程 Capacitor 插件由 Capgo 对于 Capacitor 插件由 Capgo 的实现细节 添加或更新插件 为添加或更新插件的实现细节 Ionic 企业插件替代品 为 Ionic 企业插件替代品的产品工作流程 Capgo 原生构建 为 Capgo 原生构建的产品工作流程