การติดตั้งการอัปเดต OTA React Native CLI Project

หากต้องการใช้ฟีเจอร์การอัปเดตแบบ Over-the-Air (OTA) ในโครงการ React Native CLI คุณสามารถใช้ไลบรารี CodePush ที่ App Center ของ Microsoft จัดหาให้ ช่วยให้คุณสามารถผลักดันการอัปเดตแอปของคุณโดยไม่ต้องผ่านกระบวนการอัปเดตใน App Store แบบเดิม ด้วยวิธีนี้ คุณสามารถปรับใช้การแก้ไขจุดบกพร่อง การปรับปรุง และคุณลักษณะใหม่ ๆ ได้รวดเร็วและง่ายดายยิ่งขึ้น

ต่อไปนี้เป็นวิธีการตั้งค่าและใช้ CodePush ในโครงการ React Native CLI ของคุณ:

ติดตั้ง App Center CLI:

npm install -g appcenter-cli

appcenter login

appcenter codepush app add <YourAppName>-<Platform>

ติดตั้งไลบรารี React Native CodePush:

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

react-native link react-native-code-push

กำหนดค่าโครงการของคุณด้วยปุ่ม CodePush:

ไปที่แดชบอร์ดของ App Center และคลิกที่แอปของคุณ ไปที่แท็บ "แจกจ่าย" จากนั้นคลิกที่ "CodePush" คัดลอกคีย์การปรับใช้สำหรับสภาพแวดล้อมที่ต้องการ (เช่น Staging หรือ Production)

อัปเดตของคุณandroid/app/build.gradleและios/<YourAppName>/Info.plistไฟล์ด้วยรหัสการปรับใช้

สำหรับ Android ให้เพิ่มบรรทัดต่อไปนี้ใน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);

พุชอัปเดตแอปของคุณ:

เมื่อคุณมีการเปลี่ยนแปลงพร้อมที่จะปรับใช้ ให้รันคำสั่งต่อไปนี้:

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

ตอนนี้ แอปของคุณจะได้รับการอัปเดต OTA เมื่อใดก็ตามที่คุณเผยแพร่เวอร์ชันใหม่ผ่าน CodePush โปรดทราบว่าการอัปเดตบางประเภท เช่น ประเภทที่เกี่ยวข้องกับการเปลี่ยนแปลงโค้ดเนทีฟหรือการเพิ่มไลบรารีเนทีฟใหม่ จะยังต้องการการอัปเดตจาก App Store เต็มรูปแบบ