관리 메뉴

번데기 개발자의 메모장

React-Native: 안드로이드 빌드 및 배포하기 본문

웹 프론트엔드/React-Native

React-Native: 안드로이드 빌드 및 배포하기

번데기 개발자 2022. 7. 12. 22:13
반응형

React-Native로 몇 개의 앱을 만들어 보았는데 항상 안드로이드 배포를 할 때마다 찾아보고 고생을 많이 한 것 같습니다.

 

그래서 간단하게 안드로이드 배포시 꼭 필요한 부분만 정리해서 포스팅을 해보았습니다.

 

 

Release 빌드 준비해야할 것


1. Icon 준비하기

2. 구글 개발자 등록하기

3. keystore 발급하기

4. android/gradle.properties 편집하기

5. release apk 만들기

6. Play Store에 앱 등록하기

 

 

1. Icon 준비하기


 

먼저 기본적으로 안드로이드 앱을 만들고 플레이스토어에 등록하기 위해 준비해야 할 이미지는 아래와 같습니다.

  • 최소 2개의 스크린샷 (측면 최소 320픽셀, 최대 3840픽셀의 JPG 또는 24비트의 PNG)
  • 그래픽 이미지 (1024 x 500픽셀의 JPG 또는 24비트의 PNG)

 

즉, 아이콘, 스크린샷, 그래픽 이미지 3가지가 반드시 필요합니다.

 

이는 사용자에게 어떤 앱인지를 알려주는 기본적인 정보입니다.

 

개발자가 디자인까지 신경써서 만들기는 힘든데 이를 쉽게 제공해주는 사이트를 설명해둔 링크가 있으니 참고하시면 됩니다.

 

 

아이콘

 

Android/iOS 앱 아이콘을 자동으로 만들어주는 사이트

모바일 앱 개발 시 플랫폼 별로 다양한 크기의 아이콘을 준비해야 하는데 일일이 작업하기는 귀찮겠죠? 이런 귀찮은 작업을 한번에 해결해주는 자동으로 아이콘들을 만들어주는 사이트들입니

smok95.tistory.com

 

 

스크린샷

 

Previewed - Free mockup generator for your app

Create beautiful mockups for your app, in just a few clicks.

previewed.app

 

 

2. 구글 개발자 등록


Play console 개발자 등록

 

위 사이트로 이동하여 구글 개발자 등록을 해줍니다.

 

개발자 등록에는 $25가 필요하고 매년 재등록을 해야 하는 IOS와는 달리 1회 등록으로 평생 이용이 가능합니다.

 

개발자 등록에 대한 자세한 내용은 아래 링크를 참고하세요 

 

 

안드로이드 개발자 등록

안드로이드 앱(Android App)을 등록하기 위해 안드로이드 개발자 등록을 해봅시다.

dev-yakuza.posstree.com

 

 

3. keystore(서명키) 발급 및 관리


보통 Google Play Store에 앱을 올릴 때, 앱 개발자가 누구인지 판별할 수 있도록 하기 위해서 keystore(서명키)를 생성해야 합니다. keystore가 바뀔 경우 빌드는 할 수 있지만, 스토어에 업로드를 할 수 없게 됩니다.

 

따라서 생성한 keystore는 분실 시 보안상 문제가 생길 수 있기 때문에 잘 보관하여 문제가 생기지 않도록 하는 것이 중요합니다. 해커에게 악용될 경우 훔친 keystore를 이용하여 해당 keystore가 사용된 앱을 강제로 바꾸거나 훼손할 수 있습니다.

 

그럼 이제 서명키를 생성하는 방법을 알아보겠습니다.

 

터미널을 통한 서명키 생성은 아래 명령어를 이용해주시면 됩니다.

 

 keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

 

그러면 아래와 같은 창이 나오는 것을 확인하실 수 있습니다.

 

키 저장소 비밀번호 입력 : password123
새 비밀번호 다시 입력 : password123
이름과 성을 입력하십시오. : OINGBONG
조직 단위 이름을 입력하십시오. : OINGBONG
조직 이름을 입력하십시오. : OINGBONG
구/군/시 이름을 입력하십시오? : Gangnam-gu
시/도 이름을 입력하십시오. : Seoul
이 조직의 두 자리 국가 코드를 입력하십시오 : kr
CN=OINGBONG, OU=OINGBONG, O=OINGBONG, L=Gangnam-gu, ST=Seoul, C=kr 이(가) 맞습니까? y

다음에 대해 유효기간이 36,500일인 2,048비트 RSA 키 쌍 및 자체 서명된 인증서 (SHA256withRSA)를 생성하는중
 : CN=OINGBONG, OU=OINGBONG, O=OINGBONG, L=Gangnam-gu, ST=Seoul, C=kr

<relesase_key>에 대한 키 비밀번호를 입력하십시오.
(키 저장소 비밀번호와 동일한 경우 Enter 키를 누름) : 

키스토어 파일 생성완료
  • release_key.keystore : 키스토어 파일 이름 임의 지정
  • alias_name : 앱을 키스토어 파일로 서명할 때 사용할 이름
  • 10000 : 유효기간 ( 유효기간이 지나면 더 이상 해당 앱은 업데이트할 수 없음 )

 

여기서 keystore의 패스워드와 key의 패스워드, alias를 잘 기억하도록 합니다. (또 Git에 올라가지 않도록 주의하여야 합니다.)

 

생성된 keystore는 android/app 폴더에 위치시키도록 합니다.

 

안드로이드 스튜디오를 통한 keystore 생성은 아래 링크를 참고하세요.

 

 

안드로이드 앱 서명키 JKS(keystore) 만들고 배포하는 방법

Android Studio에서 Java Keystore를 생성과 앱에 서명하는 방법을 알아보겠습니다. 안드로이드 앱을 플레이스토어에 올리려면 배포(만들 때)할 때 자신의 코드 서명 인증서로 서명을 해야 합니다. 이후

www.ihee.com

 

 

4. android/gradle.properties 편집하기


MYAPP_RELEASE_STORE_FILE=xxxxxx.keystore
MYAPP_RELEASE_KEY_ALIAS=xxxxxx
MYAPP_RELEASE_KEY_PASSWORD=xxxxxx
MYAPP_RELEASE_STORE_PASSWORD=xxxxxx

 

5. release .apk 또는 .aab 만들기


$ cd android && ./gradlew assembleRelease

 

release용 apk를 만들기 위해 터미널에서 위 명령어를 입력해줍니다.

 

APK 파일은 android/app/build/outputs/apk/app-release.apk 에 위치합니다.

 

 

번들 형식으로 빌드하기 위해서는 아래 명령어를 입력해줍니다.

 

$ cd android && ./gradlew bundleRelease

 

번들(.aab)파일은 android/app/build/outputs/bundle/app-release.aab 에 위치합니다.

 

6. Play Store에 앱 등록하기


마지막으로 Play Store에 앱을 등록합니다.

 

해당 작업은 안드로이드의 Play console에서 작업이 진행됩니다.

 

자세한 내용은 아래 링크를 참고해주세요

 

 

[안드로이드 개발 Tip] 구글 플레이 콘솔(플레이 스토어)에 앱 등록하는 방법

안녕하세요, Wooa Story입니다. 최근에 앱 하나를 추가로 개발해서 구글 플레이 콘솔(Google Play Console)에 등록을 하였습니다. 이렇게 하면 구글 플레이 스토어(Google Play Store)에 앱이 출시가 되는 거죠

wooastory.tistory.com

 

 

 

 

마무리


이상으로 React-Native 앱 개발 시 Play Store에 release 버전 배포에 대해 알아보았습니다.

 

React-Native는 말은 React이지만 React 문법 외에 Android / IOS의 빌드, 배포 환경도 잘 알아야 되기 때문에 까다로운 부분이 있는 것 같습니다.

 

그래도 다들 열심히 공부해서 React-Native로 멋진 앱을 만들어 보셨으면 좋겠습니다.!

 

 

 

 

 

 

 

반응형
0 Comments
댓글쓰기 폼