Instalowanie aktualizacji OTA Projekt React Native CLI

Mar 31 2023
Aby zaimplementować funkcję aktualizacji Over-the-Air (OTA) w projekcie React Native CLI, możesz użyć biblioteki CodePush udostępnianej przez Microsoft App Center. Umożliwia przesyłanie aktualizacji aplikacji bez przechodzenia przez tradycyjny proces aktualizacji sklepu z aplikacjami.
Źródło: obraz Google

Aby zaimplementować funkcję aktualizacji Over-the-Air (OTA) w projekcie React Native CLI, możesz użyć biblioteki CodePush udostępnianej przez Microsoft App Center. Umożliwia przesyłanie aktualizacji aplikacji bez przechodzenia przez tradycyjny proces aktualizacji sklepu z aplikacjami. W ten sposób możesz szybciej i łatwiej wdrażać poprawki błędów, ulepszenia i nowe funkcje.

Oto jak skonfigurować i używać CodePush w projekcie React Native CLI:

Zainstaluj interfejs CLI App Center:

npm install -g appcenter-cli

appcenter login

appcenter codepush app add <YourAppName>-<Platform>

Zainstaluj bibliotekę React Native CodePush:

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

react-native link react-native-code-push

Skonfiguruj swój projekt za pomocą klawiszy CodePush:

Przejdź do pulpitu nawigacyjnego App Center i kliknij swoją aplikację. Przejdź do zakładki „Dystrybucja”, a następnie kliknij „CodePush”. Skopiuj klucz wdrożenia dla żądanego środowiska (np. Staging lub Production).

Zaktualizuj pliki android/app/build.gradlei ios/<YourAppName>/Info.plistza pomocą klucza wdrożenia.

W przypadku Androida dodaj następujące wiersze w 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);

Wypychaj aktualizacje swojej aplikacji:

Gdy zmiany są gotowe do wdrożenia, uruchom następujące polecenie:

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

Teraz Twoja aplikacja będzie otrzymywać aktualizacje OTA za każdym razem, gdy opublikujesz nową wersję za pośrednictwem CodePush. Pamiętaj, że niektóre rodzaje aktualizacji, takie jak zmiany kodu natywnego lub dodawanie nowych bibliotek natywnych, nadal będą wymagać pełnej aktualizacji sklepu z aplikacjami.