跳过主要内容
Capacitor

从Capacitor 4更新到Capacitor 5:一步步指南

了解如何以最小的破坏性更改更新您的项目,从Capacitor 4更新到Capacitor 5,包括更新官方插件和必需工具。

马丁·多纳迪厄

马丁·多纳迪厄

内容营销

从Capacitor 4更新到Capacitor 5:一步步指南

相比之前的更新,Capacitor 4到Capacitor 5的过渡涉及最小的破坏性更改。这份指南提供了更新您的项目到Capacitor 5的步骤指南,以及官方插件的破坏性更改列表。

注意: Capacitor 5需要NodeJS 16或更高版本,因为Node 12已经到达了末端生命期,Node 14将于2023年4月30日到达末端生命期。建议使用NodeJS的最新LTS版本。

  1. 安装 latest Capacitor CLI 项目中的版本:

    npm i -D @capacitor/cli@latest
  2. 运行以下命令让 CLI 处理升级:

    npx cap migrate

    如果升级步骤无法完成,终端输出中会提供更多信息。以下是手动升级步骤。

  3. 如果您安装了 VS Code 扩展,请在扩展的建议部分找到迁移到 Capacitor 5 的选项。

从 Capacitor 4 升级到 Capacitor 5 的 iOS 项目

  1. 升级 Xcode: Capacitor 5 需要 Xcode 14.1+。

  2. 更新 .gitignore: 以下是需要修改的文件: .gitignore 更新 Assets 以使用单个应用图标

    - App/Podfile.lock
    + App/output
  3. 上下文:解决方案页面应用示例部分。角色:图像替代文本。见于:组件解决方案/解决方案应用示例.astro。消息键 `solution_app_examples_icon_alt` (解决方案应用示例图标替代文本)。: Xcode 14 支持单个应用图标 1024x1024。清理 AppIcon.appiconset 中的所有不必要大小。

升级 Capacitor 4 Android 项目到 Capacitor 5

  1. 升级 Android Studio: Capacitor 5 需要 Android Studio Flamingo | 2022.2.1 或更高版本,因为使用 Gradle 8,Gradle 8 需要 Java JDK 17。Java 17 与 Android Studio Flamingo 一起提供,因此无需额外下载。

  2. 运行 AGP Upgrade 助手: Android Studio 可以帮助一些与 Gradle 和将包移动到构建文件相关的更新。要开始,请运行 Tools -> AGP Upgrade Assistant.

  3. 更新 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'
  4. 更新 Google 服务:

    # build.gradle
    dependencies {
    -       classpath 'com.google.gms:google-services:4.3.13'
    +       classpath 'com.google.gms:google-services:4.3.15'
    }
  5. 更新 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'
    }
  6. 更新 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
  7. 禁用 Jetifier:

    # gradle.properties
    android.useAndroidX=true
    - android.enableJetifier=true
  8. 将包移动到 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
  9. 更新androidScheme: 在 Capacitor 6 中 https 将成为 __CAPGO_KEEP_0__ 应用程序使用系统 Autofill 功能的默认设置。为了避免由于此更改而导致的数据丢失,请将方案设置为 androidScheme for 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 to http 更新 Kotlin 版本

    {
      server: {
        androidScheme: "http"
      }
    }
  10. : 如果您的项目使用 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.uuidDeviceId.identifier.
  • iOS 16+ 将返回一个通用设备名称,除非您添加适当的许可证 DeviceInfo.name 除非您添加适当的许可证 地理位置.

更新

  • playServicesLocationVersion Google Maps 21.0.1.

更新以下变量:

    • googleMapsPlayServicesVersion18.1.0.
    • googleMapsUtilsVersion3.4.0.
    • googleMapsKtxVersion3.4.0.
    • googleMapsUtilsKtxVersion3.4.0.
    • kotlinxCoroutinesVersion1.6.4.
    • androidxCoreKTXVersion1.10.0.
    • kotlin_version1.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 原生构建的产品工作流程

实时更新Capacitor应用

当web层bug出现时,通过Capgo将修复推送到用户,而不是等待几天的应用商店审批。用户在后台接收更新,而原生变化仍在正常审批路径中。

来自Martin的人性化支持

立即开始

最新博客

Capgo为您提供了创建真正专业的移动应用所需的最佳见解。