[RN] react-native Code Push

반응형

Quick Guide

• Android
  1. appcenter login
  2. appcenter apps set-current statnco-statnco.com/gameone2-android
  3. appcenter codepush release-react -d Staging
• IOS
  1. appcenter login
  2. appcenter apps set-current statnco-statnco.com/gameone2-ios
  3. appcenter codepush release-react -d Staging

 

 

 

 

앱은 안드로이드/ios용 두개 존재 배포도 두개 따로 진행해야한다.

대략적인 세팅은 아래 링크 참고.

https://learn.microsoft.com/en-us/appcenter/sdk/getting-started/react-native

Get Started with React Native - Visual Studio App Center

 

 

appcenter 가입 후 설치

 

yarn global add appcenter-cli 

appcenter login

appcenter login

브라우저가 열리면 해당 코드를 콘솔에 입력

 

 

콘솔에서 앱 배포단계 추가 (웹에서도 진행가능하다.)

appcenter codepush deployment add -a <ownerName>/<appName> Staging

appcenter codepush deployment add -a <ownerName>/<appName> Production

ex)

해당 url 인경우 https://appcenter.ms/users/statnco-statnco.com/apps/gameone2/settings

appcenter codepush deployment add -a statnco-statnco.com/gameone2-ios Production

 

이후 배포 키 확인 ( 웹에서도 가능하다. )

appcenter codepush deployment list -a  <ownerName>/<appName> -k

 

 

웹에서는 App > Distribute > Codepush 보면 우측 상단에 도구아이콘을 눌러보면 키확인 가능

codepush설치

 

 

App.tsx 코드푸시 패키지 설치

import codePush from 'react-native-code-push'
...
export default codePush(App)

// App.tsx

 

다중 배포 참조

https://github.com/microsoft/react-native-code-push/blob/master/docs/multi-deployment-testing-ios.md

react-native-code-push/docs/multi-deployment-testing-ios.md at master · microsoft/react-native-code-push

 

 

 

현재 작업중인 앱 확인

appcenter apps get-current

 

 

앱선택

appcenter apps set-current [statnco-statnco.com/gameone2](<http://statnco-statnco.com/gameone2>)-ios
appcenter apps set-current [statnco-statnco.com/gameone2](<http://statnco-statnco.com/gameone2>)-android

 

 

앱 배포

appcenter codepush release-react -d Staging 또는 Production

예) appcenter codepush release-react -d Staging

 

 

참고 사이트 https://beenlog.tistory.com/41

CodePush 적용

 

https://zerogyun.dev/2021/07/15/React-Native-버그픽스-3분완성-코드푸시-맛-2/

React Native 버그픽스 3분완성 [코드푸시 맛] - 2

 

배포 : appcenter codepush release-react -d Staging / Production

xcode 모드별 빌드 https://dchkang83.tistory.com/156

Debug/Staging/Relase 모드로 아이폰에 앱 설치

 

 

Xcode 세팅확인

CODEPUSH_KEY 항목 확인