Instalando a atualização OTA React Native CLI Project

Mar 31 2023
Para implementar um recurso de atualização Over-the-Air (OTA) em um projeto React Native CLI, você pode usar a biblioteca CodePush fornecida pelo App Center da Microsoft. Ele permite que você envie atualizações para seu aplicativo sem passar pelo processo tradicional de atualização da loja de aplicativos.
Fonte: Imagem do Google

Para implementar um recurso de atualização Over-the-Air (OTA) em um projeto React Native CLI, você pode usar a biblioteca CodePush fornecida pelo App Center da Microsoft. Ele permite que você envie atualizações para seu aplicativo sem passar pelo processo tradicional de atualização da loja de aplicativos. Dessa forma, você pode implantar correções de bugs, melhorias e novos recursos com mais rapidez e facilidade.

Veja como configurar e usar o CodePush em seu projeto React Native CLI:

Instale a CLI do App Center:

npm install -g appcenter-cli

appcenter login

appcenter codepush app add <YourAppName>-<Platform>

Instale a biblioteca React Native CodePush:

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

react-native link react-native-code-push

Configure seu projeto com chaves CodePush:

Vá para o painel do App Center e clique no seu aplicativo. Navegue até a guia “Distribuir” e clique em “CodePush”. Copie a chave de implantação para o ambiente desejado (por exemplo, preparação ou produção).

Atualize seus arquivos android/app/build.gradlee ios/<YourAppName>/Info.plistcom a chave de implantação.

Para Android, adicione as seguintes linhas em 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);

Envie atualizações para seu aplicativo:

Quando você tiver alterações prontas para implantar, execute o seguinte comando:

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

Agora, seu aplicativo receberá atualizações OTA sempre que você lançar uma nova versão por meio do CodePush. Observe que certos tipos de atualizações, como as que envolvem alterações de código nativo ou adição de novas bibliotecas nativas, ainda exigirão uma atualização completa da loja de aplicativos.