[ReactNative] Code push를 위한 App center 연동

CodePush는 MS에서 만든

App Center

https://appcenter.ms/

App Center 홈페이지에 가서 가입을 진행한 후 아래와 같이 앱을 등록합니다.

앱을 등록하실 때 본인의 서비스 명칭이 myservice라고 한다면 꼭 ios는 myservice-ios, android일 경우에는 myservice-android로 앱 이름을 정하도록 합시다. 나중에 헷갈리지 않게요~

Android 앱 등록

앱 등록 화면

저의 경우에는 ReactNative로 Android 앱을 등록하겠습니다.

앱 등록 후 화면

앱 등록 후 화면

이제 약간의 설정을 해줘야하는데 매우 심플합니다.

npm install appcenter appcenter-analytics appcenter-crashes --save-exact

npm을 이용해서 appcenter 패키지를 설치하도록 합니다.

설치 후 android/app/src/main/assets 폴더에 appcenter-config.json 파일을 만드신 후 아래를 추가하고 저장합니다.

{
  "app_secret": "1111"
}

그 다음 android/app/src/main/res/values/strings.xml 파일을 열고 <resources></resources> 사이에 아래를 추가합니다.

<string name="appCenterCrashes_whenToSendCrashes" moduleConfig="true" translatable="false">DO_NOT_ASK_JAVASCRIPT</string>
<string name="appCenterAnalytics_whenToEnableAnalytics" moduleConfig="true" translatable="false">ALWAYS_SEND</string>

그 다음 npx react-native run-android 로 에뮬레이터 또는 디바이스에서 앱을 실행하신 다음 App Center 메뉴에서 Analytics에서 정상적으로 적용이 되었는지 확인해주시면 됩니다.

정상적이지 않을 때 화면

정상적일 때 화면