Installazione dell'aggiornamento OTA React Native CLI Project

Mar 31 2023
Per implementare una funzionalità di aggiornamento Over-the-Air (OTA) in un progetto React Native CLI, puoi utilizzare la libreria CodePush fornita dall'App Center di Microsoft. Ti consente di inviare aggiornamenti alla tua app senza passare attraverso il tradizionale processo di aggiornamento dell'app store.
Fonte: immagine di Google

Per implementare una funzionalità di aggiornamento Over-the-Air (OTA) in un progetto React Native CLI, puoi utilizzare la libreria CodePush fornita dall'App Center di Microsoft. Ti consente di inviare aggiornamenti alla tua app senza passare attraverso il tradizionale processo di aggiornamento dell'app store. In questo modo, puoi implementare correzioni di bug, miglioramenti e nuove funzionalità in modo più rapido e semplice.

Ecco come configurare e utilizzare CodePush nel tuo progetto React Native CLI:

Installa l'interfaccia a riga di comando dell'App Center:

npm install -g appcenter-cli

appcenter login

appcenter codepush app add <YourAppName>-<Platform>

Installa la libreria React Native CodePush:

npm install --save react-native-code-push

react-native link react-native-code-push

Configura il tuo progetto con le chiavi CodePush:

Vai alla dashboard dell'App Center e fai clic sulla tua app. Passare alla scheda "Distribuisci" e quindi fare clic su "CodePush". Copia la chiave di distribuzione per l'ambiente desiderato (ad es. Staging o Produzione).

Aggiorna i tuoi file android/app/build.gradlee ios/<YourAppName>/Info.plistcon la chiave di distribuzione.

Per Android, aggiungi le seguenti righe in android/app/build.gradle:

android {
  ...
  defaultConfig {
    ...
    resValue "string", "CodePushDeploymentKey", "<YOUR_ANDROID_DEPLOYMENT_KEY>"
  }
}

<dict>
  ...
  <key>CodePushDeploymentKey</key>
  <string><YOUR_IOS_DEPLOYMENT_KEY></string>
</dict>

import codePush from 'react-native-code-push';
class App extends React.Component {
  ...
}
const codePushOptions = {
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME,
  installMode: codePush.InstallMode.ON_NEXT_RESUME
};
export default codePush(codePushOptions)(App);

Invia gli aggiornamenti alla tua app:

Quando hai le modifiche pronte per la distribuzione, esegui il seguente comando:

appcenter codepush release-react -a <YourAppName>-<Platform> -d <DeploymentName> --description "Update description"

Ora, la tua app riceverà gli aggiornamenti OTA ogni volta che rilasci una nuova versione tramite CodePush. Tieni presente che alcuni tipi di aggiornamenti, come quelli che comportano modifiche al codice nativo o l'aggiunta di nuove librerie native, richiederanno comunque un aggiornamento completo dell'app store.