일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- shortcut
- styling
- ios
- Docker
- commit
- xtring.log
- git
- github
- js
- react-native
- Android
- styled-components
- currying
- REACT
- Xcode
- npm
- ES6
- JavaScript
- GitLab
- vscode
- DevOps
- rn
- React Native
- nextJS
- HTML
- Swift
- Branch
- ReactNative
- viewcontroller
- npm install
- Today
- Total
xtring.dev
[React Native] RN으로 만든 프로젝트를 Play Store(Android)에 올리기 본문
[React Native] RN으로 만든 프로젝트를 Play Store(Android)에 올리기
xtring 2020. 10. 29. 13:18React Native로 개발한 앱을 Play Store에 업로드하기 위해서 Android 앱을 Build해봅시다.
1. PlayStore 개발자 등록하기
먼저 구글 Play에서 developer 계정을 생성하고 등록합니다.
developer.android.com/distribute/console?hl=ko
개발자 계정을 등록할 때 약 5만원의 등록비가 필요합니다...
2. Android 서명키 생성하기
그렇다면 이제 RN(React Native)으로 만들어진 프로젝트를 Release Build하기 위해서 keystore을 생성해보겠습니다.
RN 프로젝트의 루트 디렉토리에서 android 폴더의 app 폴더로 이동합니다.
$ cd android/app
이제 여기서 keystore을 통해 서명키를 생성합니다.
아래와 같은 예시로 생성이 가능합니다.
$ keytool -genkey -v -keystore [key-name].keystore -alias [key alias] -keyalg RSA -keysize 2048 -validity 10000
입력해야하는 정보를 모두 입력하고 마지막에 'y'를 쳐주면 완료!
이렇게 서명키가 생성되었습니다.
3. App 빌드하기
이제 Android로 빌드해봅시다! 빌드를 하면 두가지 형태의 파일로 Release 가능한 파일을 만들 수 있습니다. 프로젝트의 android 폴더에서 다음 명령어를 입력합니다.
빌드하기 전에
$ ./gradlew clean
은 필수입니다!
1 ) Bundle 파일로 빌드하기
$ cd android && ./gradlew bundleRelease
이 명령어를 실행하게되면 .abb 확장자인 Bundle 파일이 생성됩니다.
생성된 파일은 android/app/build/outputs/apk/release/xxx.abb 로 확인이 가능합니다.
2 ) APK 파일로 빌드하기
$ cd android && ./gradlew app:assembleRelease --stacktrace
이 명령어를 실행하면 .apk 확장자 파일을 얻을 수 있습니다.
생성된 파일은 android/app/build/outputs/bundle/release/xxx.apk 로 확인 가능합니다.
위와 같은 두가지 방법 중 하나를 선택하여 Android 앱을 Release 빌드합니다.
4. 빌드된 Bundle, APK 파일 업로드하기
이제 Play Store Console에 접근하여 개발자 계정으로 접속하고 우 상단의 '앱 만들기' 버튼을 클릭하여 앱의 정보를 입력하고 앱을 출시 할 수 있습니다.
2단락에 생성한 서명키는 앞으로 Play Store에 등록한 앱을 업데이트 할 때 지속적으로 사용되기 때문에 꼭 잊어버리지 않고 가지고 있는 것이 중요합니다. 혹시나 잊어버리게 된다면 Package를 변경하여 다시 앱을 등록하거나, Google 개발자 문의를 통해 연락하여 변경된 키를 재등록한 후 업데이트가 가능합니다. 이는 매우 귀찮은 일이기 때문에 키 보관을 잘하는 것이 중요하겠죠?
'Front-End > React Native' 카테고리의 다른 글
[React Native] 내가 원하는 iOS Simulator 실행시키기! (0) | 2020.11.29 |
---|---|
[React Native] Android + Hermes? 그게 뭐야? (0) | 2020.10.29 |
[React Native] Image 컴포넌트에서 resizeMode를 사용할 때 View에 알맞은 사이즈로 포지셔닝하기 (0) | 2020.08.20 |
[React Native] React Native 프로젝트에서 .jsx 사용하기 (0) | 2020.07.02 |
[React Native] React Native version mismatch - 앱 실행 시 version mismatch 오류 해결 방법! (0) | 2020.06.05 |