codepush란?

codepush는 스토어 심사 없이 실시간으로 앱을 업데이트 할 수 있는 라이브러리다. Microsoft에서 서비스를 하고 있다. 모든 경우에 가능한건 아니고, Javascript단의 코드와 assets(이미지, 폰트 등) 의 경우 심사 없이 업데이트 할 수 있다. 버그 픽스나 긴급 이벤트 게시의 경우 사용하기 좋을 것 같아, 도입을 해보려한다. 🥁🥁🥁 두둥탁-

codepush는 이런 단계로 작동된다.

1. 원래는 개발자는 앱스토어에 번들을 올리고, 사용자는 그것을 다운받는다.
2. 코드 푸쉬를 도입하게 되면, 코드푸쉬 서버에 codepush deployment key가 등록되어있는 번들을 올려놓는다.
3. 자바스크립트를 수정한 후, 코드푸쉬 서버에 수정한 코드를 올린다.
4. 사용자가 어플을 시작하면, codepush deployment key를 활용하여 코드푸쉬 서버에 업데이트사항이 있는지 확인한다.
5. 업데이트 사항이 있다면 업데이트가 된다.

도입을 위한 단계는 아래와 같다. 차근차근 app center 셋팅부터 해보자.

1. app center에 어플을 등록한다.
2. react-natvie-code-push로 프로젝트에 codepush SDK를 심는다.
3. 스토어에 배포를 한다.
4. codepush로 배포를 한다.

---

app center 셋팅

0. AppCenter 계정 생성

AppCenter 홈페이지에서 계정 생성하고 로그인하기
아직 앱 등록은 하지 않았다.

1. appcenter-cli 설치

돌아다니는 자료들에 code-push-cli를 설치해라, appcenter-cli를 설치해라 두개로 갈려서 알아보니,
CodePush-CLI is deprecated and no longer supported! You can use AppCenter-CLI instead.
라고 한다. appcenter-cli로 진행하자.

$ npm install -g appcenter-cli

2. appcenter 계정 등록 및 관리

$ appcenter login

터미널에 입력하면 토큰이 적혀있는 웹페이지가 뜬다.
토큰을 터미널 Enter your token from the browser: 에 넣어준다.

3. 앱 생성하기

appcenter apps create -d <appDisplayName> -o <operatingSystem>  -p <platform>

// 예시
appcenter apps create -d appname -o Android  -p React-Native
appcenter apps create -d appname -o iOS  -p React-Native

이렇게 android, ios 각각 앱을 등록하고 앱센터로 가면 내 어플이 생성되어있다.
앱이 등록되었으면 deployment production key와 staging key를 발급받아야 한다.

4. deployment key 발급받기

deployment key는 app center의 내 앱 > Distribute > codepush에 가면 확인할 수 있는데, 아직 발급이 안되었기 때문에 일단 발급부터 하자.

// deployment key 발급받기
appcenter codepush deployment add -a <ownerName>/<appName> Staging
appcenter codepush deployment add -a <ownerName>/<appName> Production

// deployment key 확인하기
appcenter codepush deployment list -a <ownerName>/<appname> -k

app center에 다시 가서 확인해보면,

Everything is ready.

라는 문구와 함께 Add the CodePush SDK to your app 이라는 안내가 나온다.

그 다음 글에서 앱에 react-native-code-push 라이브러리를 이용해서 CodePush SDK를 추가해보자.