2019/12/02 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 1탄 (설치, 오픈 소스 활용)
2020/01/31 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 2탄 (기초 구성 및 구현)
2020/04/14 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 4탄 (배포 후 문제점)
https://play.google.com/store/apps/details?id=devjoo.ionic.widmarkapp
만들어진 앱을 구글 플레이에 등록하고 배포하는 단계이다
1단계: Google Play 개발자 계정 등록
https://play.google.com/apps/publish/signup/
구글 플레이 콘솔에 접속하여 로그인한다.
- 안내에 따라 결제를 하였다. (7일 기준 25달러 - 31,087원)
- 세부정보를 작성한다
- 좌측에 v 표시된 항목들을 채우면 된다.
[앱버전]
- 만든 앱의 apk 파일을 추출하여 등록하여야 한다.
- 첫번째 명령어는 프로젝트 루트 path에서 실행시킨다. 실행시 {{프로젝트 루트}}/platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk 가 생성된다.
- keytool 명령어 실행시 명령어에 입력된 my-release-key.keystore가 생성된다. 해당 파일은 배포 후 잃어버리면 안되니 중요한 곳에 보관해두자
- jarsigner 명령어 실행시 apk 파일을 서명시켜준다.
- zipalign 명령어 실행시 출시가능한 apk 파일이 생성된다. 해당 파일을 앱버전에 등록하면 된다.
* 추후에 앱 수정후 출시시 같은 keystore 파일로 서명해야하므로 잘 보관하도록 하자
* 명령어의 파일명과 경로명을 잘 살펴보자
// 안드로이드 배포용 apk 빌드 명령어
ionic cordova build android --prod --release
// key 생성 명령어
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
// app 서명 명령어
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore /home/jude/joo/03.exam/ionic/my-release-key.keystore /home/jude/joo/03.exam/ionic/widmarkApp/platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk widmark
// android 파일 정렬 명령어
zipalign -v 4 /home/jude/joo/03.exam/ionic/widmarkApp/platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk widmark.apk
[스토어 등록정보]
- 설명, 아이콘, 스크린샷, 그래픽 이미지를 등록한다.
- 필자 같은 경우에 디자이너가 앱로고를 만들어준 파일을 가지고 사이즈 수정을 하며 등록했다.
* 포토샵 등의 프로그램을 별도로 설치하지 않고 온라인으로 이미지 수정이 가능한 사이트(https://pixlr.com/x/)
- 콘텐츠 등급, 앱 콘텐츠, 가격 및 배포는 안내에 따라 수행하면된다.
배포 성공
https://play.google.com/store/apps/details?id=devjoo.ionic.widmarkapp
'Mobile' 카테고리의 다른 글
[ Ionic ] ion-searchbar ionClear 이벤트 오류 (0) | 2020.07.01 |
---|---|
[ Ionic ] 웹개발자가 만드는 Ionic 어플 - 4탄 (배포 후 문제점) (0) | 2020.04.14 |
[ Ionic ] 웹개발자가 만드는 Ionic 어플 - 2탄 (기초 구성 및 구현) (0) | 2020.01.31 |
[ Ionic + Angular ] Chart.js 사용하여 그래프 생성하기 (0) | 2019.12.27 |
[ Ionic ] 태그 노출, 비노출 처리 (0) | 2019.12.08 |
댓글