Compared to previous updates, the transition from Capacitor 4 to Capacitor 5 involves minimal breaking changes. This guide provides step-by-step instructions for updating your project to Capacitor 5, as well as a list of breaking changes for official plugins.
Note: Capacitor 5 nécessite NodeJS 16 ou supérieur, car Node 12 a atteint la fin de vie et Node 14 atteindra la fin de vie le 30 avril 2023. Il est recommandé d'utiliser la dernière version LTS de NodeJS.
-
Installez la
latestversion de la Capacitor CLI dans votre projet :npm i -D @capacitor/cli@latest -
Exécutez la commande suivante pour laisser la CLI gérer la migration :
npx cap migrateSi les étapes de migration ne peuvent pas être réalisées, des informations supplémentaires seront fournies dans la sortie de la console. Les étapes de migration manuelles sont listées ci-dessous.
-
Si vous avez l'extension VS Code installée, consultez la section recommandations de l'extension pour trouver l'option de migration de votre projet vers Capacitor 5.
Upgrading Capacitor 4 iOS Project to Capacitor 5
-
Mettez à jour Xcode: Capacitor 5 nécessite Xcode 14.1+.
-
Mettez à jour .gitignore: Faites les modifications suivantes à votre
.gitignorefile:- App/Podfile.lock + App/output -
Update Assets pour utiliser une seule icône d'applicationcontext
Upgrading Capacitor 4 Android Project to Capacitor 5
-
Upgrading __CAPGO_KEEP_0__ 4 Projet Android à __CAPGO_KEEP_1__ 5: Capacitor 5 requires Android Studio Flamingo | 2022.2.1 or newer due to the usage of Gradle 8, which requires Java JDK 17. Java 17 ships with Android Studio Flamingo, so no additional downloads are needed.
-
: __CAPGO_KEEP_0__ 5 nécessite Android Studio Flamingo | 2022.2.1 ou une version ultérieure en raison de l'utilisation de Gradle 8, qui nécessite Java JDK 17. Java 17 est livré avec Android Studio Flamingo, il n'est donc pas nécessaire de télécharger quoi que ce soit.Run AGP Upgrade Assistant
Tools -> AGP Upgrade Assistant. -
: Android Studio peut vous aider avec certaines mises à jour liées à Gradle et au déplacement de packages dans les fichiers de construction. Pour commencer, exécutezUpdate Android Project Variables
variables.gradle: Dans votre fichier, mettez à jour vos valeurs aux nouveaux minimums suivants :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' -
Mettre à jour Google Services:
# build.gradle dependencies { - classpath 'com.google.gms:google-services:4.3.13' + classpath 'com.google.gms:google-services:4.3.15' } -
Mettre à jour le plugin 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' } -
Mettre à jour le wrapper 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 -
Désactiver Jetifier:
# gradle.properties android.useAndroidX=true - android.enableJetifier=true -
Déplacer le package à
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 -
: Dans __CAPGO_KEEP_0__ 6: In Capacitor 6,
httpspour les applications existantes afin de mieux permettre aux applications __CAPGO_KEEP_0__ d'utiliser la fonctionnalité Autofill du système. Pour éviter toute perte de données en raison de cette modification, définissez le schéma surandroidSchemefor 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 tohttpMettre à jour la version Kotlin{ server: { androidScheme: "http" } } -
: Si votre projet utilise Kotlin, mettez à jour laMettre à jour le schéma Android
kotlin_versionvariable à'1.8.20'.
Changements de fonctionnalité des plugins
Les fonctionnalités suivantes des plugins ont été modifiées ou supprimées. Mettez à jour votre code en conséquence :
- Feuille de route
- Navigateur
- Appareil photo
- Appareil
- Localisation
- Cartes de Google
- Notifications locales
- Notifications Push
- Barre de statut
Feuille de dialogue
- __CAPGO_KEEP_0__
androidxMaterialVersion__CAPGO_KEEP_0__1.8.0.
__CAPGO_KEEP_0__
- __CAPGO_KEEP_0__
androidxBrowserVersion__CAPGO_KEEP_0__1.5.0.
__CAPGO_KEEP_0__
- Pour Android 13, ajoutez la permission de lecture des images de médias (
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES"/>__CAPGO_KEEP_0__AndroidManifest.xml. - __CAPGO_KEEP_0__
androidxMaterialVersion__CAPGO_KEEP_0__1.8.0. - __CAPGO_KEEP_0__
androidxExifInterfaceVersionvariable à1.3.6.
Appareil
- Changer
DeviceId.uuidàDeviceId.identifier. - Sur iOS 16+,
DeviceInfo.nameretournera un nom d'appareil générique à moins que vous n'ajoutiez les autorisations appropriées Localisation.
Mettre à jour le
- à
playServicesLocationVersionGoogle Maps21.0.1.
Mettre à jour les variables suivantes :
- entitlements
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_versionNotifications locales1.8.20.
Pour Android 13, une nouvelle vérification de permission d'exécution est requise pour planifier les notifications locales lorsque vous ciblez __CAPGO_KEEP_0__ 33. Appelez
- For Android 13, a new runtime permission check is required to schedule local notifications when targeting SDK 33. Call
checkPermissions()en conséquence.requestPermissions()Notifications Push
contextualisation non nécessaire
- For Android 13, a new runtime permission check is required to receive push notifications when targeting SDK 33. Appel
checkPermissions()etrequestPermissions()En conséquence. - Mettre à jour
firebaseMessagingVersionla23.1.2.
variable à
- Barre d'état
FADE.
By following these steps and updating your code accordingly, you should now have successfully updated your project from Capacitor 4 to Capacitor 5. Make sure to test your application thoroughly to ensure that all features and plugins are working as expected.
En suivant ces étapes et en mettant à jour votre Capacitor en conséquence, vous devriez maintenant avoir mis à jour votre projet avec succès de Capacitor 4 à __CAPGO_KEEP_2__ 5. Assurez-vous de tester votre application soigneusement pour vous assurer que toutes les fonctionnalités et les plugins fonctionnent comme prévu.
Continuez de Updating from __CAPGO_KEEP_0__ 4 to __CAPGO_KEEP_1__ 5: Guide étape par étape Updating from Capacitor 4 to Capacitor 5: A Step-by-Step Guide Updating from __CAPGO_KEEP_0__ 4 to __CAPGO_KEEP_1__ 5: Guide étape par étape pour planifier le travail de plugin natif, connectez-l’avec Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo, Ajout ou mise à jour de plugins pour le détail d'implémentation dans Ajout ou mise à jour de plugins, Alternatives de plugins d'entreprise Ionic pour le flux de travail du produit dans Alternatives de plugins d'entreprise Ionic, et Capgo Bâtiments natifs pour le flux de travail du produit dans Capgo Bâtiments natifs.