react-naitve-code-push

오랜만에 코드푸쉬가 생각나서 혼자서 한번 설정해 보았습니다.

- 앱센터 프로젝트 생성

https://appcenter.ms/create-account
에서 계정을 만드시면 무료로 사용 할 수 있습니다.

저는 구글로그인으로 진행하였습니다.

로그인후 우측 위에 프로젝트를 맞는 형태에 맞게 만들면 됩니다.
저는 react-native로 android,ios 2개를 만들어 두었습니다.

로그인을 하고 난뒤 처음 나오는 화면이 sdk설치 방법이므로 글을 천천히 읽고 따라하면 됩니다.(이부분은 생략이 가능합니다.)

- 코드 푸쉬 명령어 설치

yarn global add code-push-cli

code-push-cli를 설치하여 cmd로 앱센터 할 수 있게 설치해줍니다.

$ code-push register
$ code-push login
$ code-push logout

설치 후 위의 명령어를 입력 할 수 있는데 register를 통해 앱센터 로그인 인증을 하면 앱센터 해당 로그인한 아이디와 연결이 되고 프로젝트 또한 확인 할 수 있습니다.

yarn add react-native-code-push

https://github.com/microsoft/react-native-code-push

그리고 code-push 라이브러리를 설치 후 업로드를 할 것입니다.

안드로이드 및 ios설치 방법은 위의 주소를 통해 들어가시면 상세하게 나와 있습니다.

cli를 통해 프로젝트를 생성 할 수 있지만 이 글에서는 2번째 사진을 보듯이 앱센터에서 직접 만들었습니다

- 올리기전 key값 알기

code-push deployment ls 서비스명 -k

명령어 또는 웹에서 키 값을 알 수 있습니다

- 코드 올리기

이제 코드를 변경하였다고 가정하에 코드푸쉬 명령어를 입력하겠습니다.

code-push release-react <appName> android[or ios] -d Staging [or Production]
----
appcenter codepush release-react -a <ID>/<ProjectName> -d Staging [or Production]

명령어를 입력하면 코드푸쉬를 하여 코드가 올라가고 코드상으로 upload된게 인지가 되어 다운로드 할 수 있습니다.

확인할것

1. 로그인 확인
   글쓴이는 appcenter 로그인 되어 있던게 있어서 웹과 cli 로그인이 따로 되어 있어서 잘 안되고 있었는데 cli 로그인과 웹상의 로그인이 같은지 확인해보세요.
2. 프로젝트명이 확실한가 확인해보세요.
   appcenter apps list 명령어를 입력해보면 프로젝트명을 확인 할 수 있는데 같은명으로 android,ios를 만들면 뒤에 만든 프로젝트명은 -1 같은게 붙습니다. 그래서 확인을 한번 해보시는게 좋습니다 :)
3. react-native-code-push버전 확인 할 것
   현재 리액트네이티브 버전이 70버전이고 코드푸쉬가 8.0.2버전인데 코드푸쉬에 문제가 있어서 다들 7버전 때로 낮추니까 실행된다고 하여 저도 버전을 낮추어서 실행하였습니다.

이상 설치 사진 없는 설치글 이었습니다 :)

참고
https://learn.microsoft.com/en-us/appcenter/distribution/codepush/cli