Cài đặt bản cập nhật OTA React Native CLI Project

Mar 31 2023
Để triển khai tính năng cập nhật Qua mạng (OTA) trong dự án React Native CLI, bạn có thể sử dụng thư viện CodePush do Trung tâm ứng dụng của Microsoft cung cấp. Nó cho phép bạn đẩy các bản cập nhật cho ứng dụng của mình mà không cần trải qua quá trình cập nhật cửa hàng ứng dụng truyền thống.
Nguồn: Google Hình ảnh

Để triển khai tính năng cập nhật Qua mạng (OTA) trong dự án React Native CLI, bạn có thể sử dụng thư viện CodePush do Trung tâm ứng dụng của Microsoft cung cấp. Nó cho phép bạn đẩy các bản cập nhật cho ứng dụng của mình mà không cần trải qua quá trình cập nhật cửa hàng ứng dụng truyền thống. Bằng cách này, bạn có thể triển khai các bản sửa lỗi, cải tiến và các tính năng mới nhanh chóng và dễ dàng hơn.

Đây là cách thiết lập và sử dụng CodePush trong dự án React Native CLI của bạn:

Cài đặt Trung tâm ứng dụng CLI:

npm install -g appcenter-cli

appcenter login

appcenter codepush app add <YourAppName>-<Platform>

Cài đặt thư viện React Native CodePush:

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

react-native link react-native-code-push

Định cấu hình dự án của bạn bằng các phím CodePush:

Chuyển đến bảng điều khiển Trung tâm ứng dụng của bạn và nhấp vào ứng dụng của bạn. Điều hướng đến tab “Phân phối” và sau đó nhấp vào “CodePush”. Sao chép khóa triển khai cho môi trường mong muốn (ví dụ: Giai đoạn hoặc Sản xuất).

Cập nhật tệp android/app/build.gradleios/<YourAppName>/Info.plisttệp của bạn bằng khóa triển khai.

Đối với Android, thêm các dòng sau vào 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);

Đẩy các bản cập nhật vào ứng dụng của bạn:

Khi bạn đã sẵn sàng triển khai các thay đổi, hãy chạy lệnh sau:

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

Giờ đây, ứng dụng của bạn sẽ nhận được các bản cập nhật OTA bất cứ khi nào bạn phát hành phiên bản mới thông qua CodePush. Lưu ý rằng một số loại bản cập nhật nhất định, chẳng hạn như những bản cập nhật liên quan đến thay đổi mã gốc hoặc thêm thư viện gốc mới, sẽ vẫn yêu cầu bản cập nhật cửa hàng ứng dụng đầy đủ.