꿈 많은 개발자가 되자! Tae-hwan

2. Chrome Hosted Apps 스토어에 올리기 본문

S/W/Chrome App

2. Chrome Hosted Apps 스토어에 올리기

taehwan 2012.04.24 20:15
크리에이티브 커먼즈 라이선스

Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
본문

 제 Blog의 Chrome 웹 바로가기를 만들고, 그걸 크롬 웹 스토어에 올리기위해서 작성합니다. 생각보다 어렵지 않고, 간단하게 만들고,스토어에 등록 할 수 있더군요. 그리고 좀더 알리고.. 크롬을 자주 사용하는 저로써는 접속하기 쉽게 바로가기 아이콘을 한번 만들어보았습니다.

 

아래는 정식 등록된 Hosted Apps 설치 모습



Chrome Web Store 등록 URL 주소(제 블로그 Hosted Apps 입니다)

  http://bit.thdev.net/I8V9ou


목차

1. Chrome Hosted Apps 제작하기 및 개발버전 업로드

   http://thdev.net/163

2. Chrome Hosted Apps 스토어에 올리기


이번 리뷰는 2. Chrome Hosted Apps 스토어에 올리기 부분을 설명하겠습니다.


 지난 리뷰에서 제작한 Hosted Apps 를 이제 마켓에 등록하는 방법을 설명하겠습니다. 구글 아이디를 사용하여 처음 결제 하시는 부분에 대하여 설명하고, 간단히 알아보겠습니다.


마켓 개발자 등록

 마켓에 개발자를 먼저 등록하는 것부터 설명하겠습니다. 앱을 등록하고, 마켓 결제를 해도 문제는 없습니다.

크롬 웹 스토어로 접속합니다. 접속해서 오른쪽 설정 아이콘의 개발자 대시보드로 접속합니다.


개발자 계정

 아래와 같이 개발자 계정 정보 입력 부분이 보입니다.(처음 실행했을 경우에 안보일 수 있습니다. 새 프로그램 추가 버튼 등을 클릭하시거나 해보셔야 보이실 수 있습니다. 

 수정가능 메뉴는

 - 개발자 표시 이름 수정 : 개발자 표시이름은 언제든지 수정이 가능합니다.

 - 테스터 계정 수정 :  테스터 계정 수정은 앱을 마켓에 등록하고, 테스트용으로 공개를 하지 않을 수 있습니다. 테스트때는 불특정 다수에게 공유를 할 수 없기에 아래 메뉴에 테스트 계정을 작성해두 두면 됩니다.  테스트 계정의 이메일 주소(구글 사용가능한 계정)를 , 로 구분하여 작성 해두시면 테스트 때에 등록된 계정만 해당 어플리케이션을 다운 받아 테스트 할 수 있습니다.

 - 소식 환경설정 수정 : Chrome 웹 스토어에 관련 정보를 받아 보겠냐는 설정입니다.



 하단에 보시면 아래와 같은 노란색 라벨이 보이실 겁니다. Pay this fee now(지금 수수료 결제) 부분을 클릭하고, 먼저 5$ 결제를 하시면 됩니다. 안드로이드 마켓과 동일하게 한번 결제하면 제한없이 크롬 웹 스토어를 사용 할 수 있습니다.

 "계정을 확인하고 프로그램을 게시하기 위해 일회성 개발자 등록 수수료 US$5.00이(가) 필요합니다. 지금 수수료 결제 - 자세히 알아보기" 


구글 Wallet(구글 결제서비스)를 이용한적이 있을 경우

 Google Wallet 페이지로 바로 뜨신다면 카드 정보를 확인 후 구매완료 버튼을 클릭하시면 됩니다. $5.00 (약 5,700원 (2012. 4. 24일 기준)) 입니다. 구매 완료하시면 24시간 이내에 승인이 나게 됩니다.


구글 wallet(구글 결제서비스)를 처음 이용할 경우

 마켓에 앱을 등록하고, 결제를 처리하실 경우 또는 처음 구매하실 경우에는 아래와 같은 창이 나타나실 겁니다.

 개발자 등록을 진행하겠다는 메시지가 보이실 수 있습니다.


 역시 구글 Wallet가 보입니다. 하지만 처음 결제하는 아이디이기에 결제정보와, 청구주소를 입력해주셔야 합니다.

국가는 Korea(Rep.)(KR) 로 선택하시면 되고, Card number(해외결제 가능한 체크/신용카드), 발급날자, CVC(카드 뒷면), 시/도 선택을 하셔야 합니다. 도시이름, 청구주소, 카드에 작성되어 있는 이름, 우편번호, 폰번호와 아래 약관에 동의를 선택하시면 청구 정보입력이 완료 됩니다. 청구정보 입력이 완료되면 위에서 봤던 창이 보이실태니 확인 후 결제하시면 되겠습니다.

 아래 정보는 구글 Android 폰에서 결제하신적이 있으시다면 뜨지 않는 창입니다.


결제가 완료되면 24시간 이내에 승인이 나게 됩니다. 저는 약 6시간만에 승인이 나더군요.


마켓에 앱 등록

 다시 첫 화면으로 돌아왔습니다.(구글 대시보드)

 아래와 같이 등록된 앱 목록부분에 Add new item 이 보이게 됩니다. 처음 등록하기에 아무것도 없는게 당연합니다.


마켓에 등록 할 앱을 선택

 아래 확인해야 할 내용에 패키지 처리된 .crx 파일은 업로드 하지말라고 되어 있습니다. 단순히 .zip 파일로된 파일만 업로드 하라고 하는군요. 우선 이전 리뷰에서 작성했던 폴더를 찾아가 압축을 합니다. (압축해야 할 파일은 이미지, manifest.json 입니다. manifest.json 의 경우 utf-8로 변환 후 압축하시면 됩니다.

 압축시 /chrome_app/ 이라는 폴더가 있다면 안에 있는 파일을 압축하는게 아니라 /chrome_app/ 폴더를 압축하시면 됩니다.

 파일 선택 및 업로드가 완료되면 다음페이지로 전환됩니다.


업로드 할 app 정보 작성

 Upload, 상세 내용, Icon, 스크린샷, Promotional 이미지, 링크할 website, 정보 제공 홈페이지 주소 등이 있습니다. 아래쪽에 더 있지만 우선 윗 부분부터 설명하겠습니다.

 아래 설명의 자세한 내용은 해당 부분에 마우스를 업로드하시면 오른쪽에 설명이 뜨게 됩니다.

Upload

  앞에서 업로드했던 앱이 업로드된 모습이며, 버전정보는 1, 개발자는 thdev 로 표시됩니다. 개발자 이름은 앞에서 설명했듯이 수정이 가능합니다.


상세 설명

  앱에관한 설명은 16000 글자 안에 하시면 됩니다.


Icon

 128 x 128로 제작된 png 아이콘을 그대로 업로드 하시면 필요한 이미지 3개로 자동 축소됩니다.


스크린샷

 스크린샷은 1280x800 또는 640x400 사이즈로 정확해야 업로드 됩니다. 사이즈가 1280x798으로 업로드 될 경우 사이즈가 맞지 않다며 업로드 불가능함을 확인했습니다. 꼭 해당 사이즈로 정하고 업로드 하셔야 합니다.

 Youtube video 또는 구글 docs 프레젠테이션 역시 추가가 가능합니다.


홍보이미지 (Promotional Images)

 홍보용 이미지입니다. 역시 440x280, 920x680, 1400x560의 사이즈를 정확히 설정하셔야 합니다. 기본으로 440x280 사이즈를 제작하여 제공해야 합니다. 이는 마켓에서 자동으로 홍보시 해당이미지를 적용하게 됩니다. 크롬 웹 스토어에 접속하시면 최상단에 큰 이미지로 제작할 경우 홍보가 더 잘 된다는 구글의 설명입니다.


확인된 웹 사이트

 확인된 웹 사이트란 구글의 웹마스터 도구를 이용하여 확인된 웹 사이트를 말합니다. 웹마스터에 등록된 사이트가 없다면 Hosted Apps를 등록 할 수 없습니다. 그렇기에 새로운 페이지 추가를 통해 본인의 도메인을 확인 시켜줘야 합니다. 확인 시켜주는 방법은 아래에서 살펴보겠습니다.

두번째 링크는 프로그램에 관한 링크입니다. 3번째 링크는 프로그램에 관한 지원 및 FAQ에 관련된 링크를 작성하시면 됩니다.




구글 웹마스터에 등록하는 방법

 구글 웹마스터에 접속하면 사이트 추가가 가능합니다. 사이트 추가를 통해 사용하시고 있으시는 도메인 주소를 작성하시면 됩니다. 저는 www.thdev.net 으로 작성을 해뒀습니다. 그렇기에 개발시에도 http://www.thdev.net 으로 도메인을 작성하였습니다.


 이제 인증과정을 거치면 됩니다. 인증 방법이 3가지 존재합니다. 구글에서의 권장방법은 html 페이지를 업로드 해두어 확인하는 방법입니다. 저는 아래 3가지 방법중 한가지를 사용하여 인증을 받았습니다.

 보인이 서버관리가 어려운 경우에는 메타태그 추가 (html/css) 에 쉽게 추가하여 인증하는 방법을 사용하시길 추천 드립니다. 추가 한 후 1~2분 후에 확인을 하시면 정상적으로 등록이 완료되실 겁니다.


 등록이 완료되시면 아까 새로운 사이트 추가 버튼 부분에 새로고침 메뉴가 존재합니다. 새로고침을 한 후 사이트를 선택해주세요.


카테고리

 카테고리른 기본, 보조 2개의 카테고리 외 등록자가 추가로 입력 할 수 있습니다. 저는 하나의 카테고리만 선택하였습니다.


가격정책 및 결제

 무료, 크롬 웹 결제(인앱 방식), 외부 결제 시스템을 통한 결제 3가지 중 선택이 가능합니다.


지역

 프로그램을 공개할 지역을 선택할 수 있습니다. 기본 값으로 전체지역이 선택 됩니다.


언어

 배포되는 앱의 기본 언어를 선택하시면 됩니다. 언어가 여러가지일 경우 글로벌로 선택하라는군요.


OpenID

 해당앱에서 사용자 신원을 확인해야 할 경우에 사용하시면 됩니다. 제가 제작한 앱은 신원 확인이 불필요 합니다.


Analytics

 웹로그 분석이 필요할 경우 Analytics에 url을 등록하고 ID값을 입력하시면 됩니다. 접속로그 등 필요한 정보가 기록되어 개발자가 확인할 수 있습니다.


초안 작성이 완료되면 변경사항 미리보기 또는 게시를 할 수 있습니다.

미리보기를 하시면 앱이 어떤식으로 보여지는지 확인이 가능합니다.


등록완료

 등록이 완료되었습니다. 개발자 등록 절차는 24시간 안에 승인이 떨어질 것입니다. 저는 약 6시간 정도의 시간이 소요되었으며 승인이 떨어져야 앱 게시를 할 수 있습니다. 저는 최초 등록 후 약 30분 정도의 시간이 소요되었습니다. 게시를 할 수도 있고, 게시를 취소할 수도 있습니다.


마켓에 게시된 제 앱입니다.

 블로그 이용자가 얼마나 많은진 모르지만 등록은 했습니다. 사실 제가 쉽게 접속하기위해서 만든 앱입니다!^^;;

 이상으로 Hosted Apps 제작과 마켓 등록까지 살펴보았습니다. 감사합니다^^



저작자 표시
신고
개인 광고 영역
4 Comments
댓글쓰기 폼