목록 보기
React-Native CodePush 적용기
프론트엔드

React-Native CodePush 적용기

레모네이드
레모네이드
2022년 3월 24일

두줄요약

React Native 앱에 AppCenter CodePush를 연동해 JavaScript 변경을 원격 배포하는 과정을 정리했습니다.\nStaging·Production 분리와 앱 복귀 시 업데이트 전략, 롤백 방법을 함께 소개합니다.

구조와 흐름

  • AppCenter CodePush를 통한 React Native JavaScript 번들 원격 배포
  • HOC 형태의 codePush(App) 적용과 CodePush 번들 경로 연결
  • Android·iOS별 배포 키 및 Staging·Production 환경 구성

적용 방법

  • AppCenter CLI 로그인, 앱·배포 단계 등록, 배포 키 조회
  • react-native-code-push 설치 후 iOS Pod 설치와 네이티브 설정 추가
  • release-react 명령 기반 배포, 히스토리 조회 및 특정 릴리스 롤백

주의할 점

  • React Native packager가 덮어쓰는 Debug 모드에서의 업데이트 검증 제약
  • 기존 strings.xml의 deployment key 제거 필요
  • JavaScript 변경에 한정된 원격 업데이트

적용해볼 점

  • 기본 재시작 설치 대신 앱 복귀 시점의 업데이트 검사·설치 설정
  • ON_NEXT_RESUME, IMMEDIATE, MANUAL 기반 사용자 상황별 업데이트 전략
  • minimumBackgroundDuration으로 백그라운드 체류 시간 조건 설정

다음 읽기

#React Native 주제를 다룬 다른 회사 글

React Native 앱의 배포 트랙 관리하기

React Native의 CodePush와 Deployment Key로 플랫폼·테스트 트랙별 JS 번들 배포를 관리했습니다.\nS3 adhoc 배포와 Release Tag 규칙을 결합해 내부 테스트와 QA 흐름을 자동화했습니다.

스캐터랩 핑퐁
스캐터랩 핑퐁
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...