푸시앱 매뉴얼
앱제작 V3버전 – 푸시앱 제작방법 및 스토어 출시방법 매뉴얼
Last updated
앱제작 V3버전 – 푸시앱 제작방법 및 스토어 출시방법 매뉴얼
Last updated
푸시앱은 홈페이지 등의 모바일웹 URL 링크를 걸어서 제작한 웹앱 제작 플랫폼이구요.
웹사이트가 앱에 그대로 연동되기 때문에 웹과 동일한 앱을 제작할 수 있습니다.
웹뷰앱과는 다르게 푸시앱은 앱을 설치한 사용자들에게푸시 알림을 보낼 수 있다는 것이 가장 큰 특징입니다!
푸시앱은모바일 웹사이트를 앱에 적용해서 제작하능 웹앱 제작 플랫폼입니다.
홈페이지 URL 링크만 입력하면 앱에 연동되며 모바일웹과 동일한 웹앱을 제작할 수 있습니다.
✔ 웹사이트를 넘어서, 푸시로 고객과 연결되는 진짜 앱
스윙투앱 푸시앱은 기존 웹사이트를 앱으로 전환할 뿐만 아니라, 푸시 알림 기능과 앱 전용 UI를 통해 고객과의 실시간 커뮤니케이션까지 가능하게 하는 진정한 앱 솔루션입니다.
홈페이지가 있는 누구나, 코딩 없이 앱 + 푸시 마케팅을 시작할 수 있습니다.
푸시 앱은 푸시 알림 기능을 이용할 수 있기 때문에 앱을 설치한 사용자들에게 푸시 알림을 보낼 수 있습니다.
푸시 기능을 이용할 수 있으며 사용자들에게 이벤트, 광고, 홍보 메시지를 보낼 수 있습니다.
• 1단계 : 푸시전용 앱 제작 완료
*앱 제작 방법은 아래 제작 매뉴얼로 확인해주세요.
• 2단계: 제작한 앱 확인하기
*안드로이드폰으로 앱 다운받아 테스트할 수 있습니다.
*아이폰은 앱 다운 불가하기 때문에 앱스토어 출시 후 확인 가능합니다.
• 3단계: 이용권 및 티켓 구매
*이용권을 구매해야 유료앱 버전으로 전환되며, 스토어 등록이 가능합니다.
• 4단계: 스토어 업로드 신청 (앱스토어, 플레이스토어 업로드 신청)
*스토어 앱 등록은 스윙투앱에서 대행하여 진행해드립니다.
*제공해드리는 스토어 업로드 신청서에 스토어별 기본 정보를 작성하여 신청합니다.
• 5단계: 스토어 심사 후 출시 완료
*플레이스토어, 앱스토어 심사일: 7일 소요
*심사 거절 시 거절사유 및 조치사항 안내드리며, 추가 비용 없이 재심사 제출해드립니다.
아래 푸시앱 제작 상세 매뉴얼을 확인해주세요!
스윙투앱에서 처음 앱을 제작하거나, 앱 추가 제작을 시작할 때 앱제작 마법사 시작 화면(팝업창)이 먼저 뜹니다.
여기서 어떤 유형의 앱을 제작할지 선택한 뒤, 기본 정보를 입력하면 제작 메이커로 넘어갑니다.
1.제작형태: 웹사이트를 기반한 웹앱 선택
푸시앱은 2번째 제작방법인 ‘웹사이트를 기반한 웹앱’을 선택해주세요.
웹사이트를 그대로 앱에 적용해서 만드는 스타일입니다.
[다음] 버튼 선택해주세요.
2.웹앱 기본 정보 입력
다음 단계는 기본 정보 입력단계로 웹앱 제작에 필요한 기본적인 내용을 입력합니다.
1)웹사이트주소(URL)를 입력해주세요.
앱에 적용할 사이트 링크이며, http:// 하이퍼링크를 반드시 넣어주세요.
링크 주소 입력 후 마우스 커서를 빈 공간에 한번 클릭하면 반영됩니다.
오른쪽 가상머신(미리보기)화면으로 적용된 사이트가 잘 뜨는지 확인할 수 있습니다.
2)푸시 기능 사용여부 체크
푸시는 앱을 설치한 사용자들에게 앱에서 알림이나 공지, 홍보 관련 알림 메시지를 보낼 수 있는 기능이에요.
푸시앱으로 제작할 것이기 때문에 기능 사용은 ‘사용’으로 체크해주시구요.
툴바 사용 여부는 툴바 ‘사용’으로 체크할 경우 툴바가 앱 화면 하단에 보여지게 되며, ‘미사용’으로 체크할 경우 툴바 영역이 앱에서 보여지지 않게 됩니다.
따라서 앱 스타일에 맞게 설정해주세요.
[다음] 버튼 선택해주세요.
3.앱이름, 아이콘, 대기화면 이미지 입력
마지막 단계에서는 앱이름 입력, 앱 아이콘, 대기화면 이미지를 등록합니다.
앱이름, 아이콘, 대기화면 이미지 모두 제작 메이커에서 다시 수정이 가능하구요.
아직 이미지가 준비 안되었다면, 앱이름만 입력하고 완료버튼을 눌러도 됩니다.
아이콘과 대기화면에 들어갈 이미지는 제작 메이커에서 다시 적용하실 수 있어요.
–> 아이콘, 대기화면 이미지 등록방법
앱 아이콘, 대기화면은 [등록] 버튼을 선택하면 파일 첨부 창이 열리구요.
여기서 이미지를 업로드하여 적용해주시면 됩니다.
-아이콘 이미지 사이즈: 1024px*1024px
-대기화면 이미지 사이즈 : 2282px*2282px
등록이 완료되면 [완료] 버튼을 선택해주세요.
앱제작 마법사 등록이 완료되면, 앱제작 메이커 화면이 열립니다.
왼쪽 앱제작 과정을 보시면 STEP1기본정보, STEP2 디자인, STEP페이지 단계를 확인할 수 있구요.
단계별로 내용을 입력하면 완료됩니다.
*STEP 진행상태가 100%가 되면 모든 단계 입력이 완료된 것입니다.
STEP1 기본정보에 있는 내용은 앱 아이디를 제외하고 앱제작 마법사에서 이미 다 등록한 내용입니다.
만약 앱이름을 수정할 때 다시 입력할 수 있구요.
앱 아이콘, 대기화면 이미지를 수정하거나 새로 등록할 경우 해당 화면에서 등록을 완료해주시면 됩니다.
1) 앱 아이디 입력 *앱 아이디는 앱의 고유 식별자이며 설정 후에는 변경할 수 없습니다.
2) 앱 이름 입력
3) 앱 아이콘 이미지 (1024px*1024px)
4) 앱 대기화면 이미지 등록 (2282px*2282px)
5) [저장]버튼 선택
안내
*앱 아이디, 앱이름, 아이콘, 대기화면 이미지는 제한없이 수정 가능하며 업데이트가 가능합니다.
앱 기본정보 수정시 [앱 업데이트]버튼을 눌러서 새 버전으로 업데이트 해주셔야 반영됩니다.
앱 제작 후, STEP1 기본정보 메뉴를 다시 수정하게 된다면 앱 업데이트를 다시 해주셔야 변경된 내용이 앱에 반영됩니다.
예를들어, 앱 이름을 변경했다면 변경 후 → 저장 → 앱 업데이트 버튼을 눌러서 새 버전으로 재제작해주세요.
앱스토어, 플레이스토어에 출시되었다면 업데이트 버전앱으로 해당 스토어에도 다시 업데이트 제출해주셔야 합니다.
STEP2 디자인 단계 – 프로토타입 및 기본옵션, 고급 옵션을 설정합니다.
프로토타입도 이미 앱제작 마법사에서 선택했기 때문에 넘어가면 되구요.
푸시에서 – 웹뷰 프로토타입으로 수정한다면 변경해서 업데이트 해주시면 됩니다.
1.프로토타입 선택
‘푸시전용’으로 선택되어 있습니다.
2.기본 옵션
1)툴바 사용하기 : 툴바 사용여부도 앱제작 마법사에서 설정하였습니다. 변경할 경우 다시 체크해주세요.
2)툴바 자동숨김 : 툴바 자동 숨김을 사용할지, 사용하지 않을지 체크해주세요.
툴바 자동숨김은 화면에서 스크롤해서 아래로 내려갈 때 화면을 가리지 않도록 툴바 영역이 잠시 사라지는 기능이에요.
그리고 스크롤을 올리면 숨어있는 툴바가 다시 보여지게 됩니다.
해당 기능을 사용할 경우 ‘사용’, 사용하지 않는다면 ‘미사용’으로 체크해주세요. 미사용시 툴바는 고정으로 셋팅됩니다.
3.고급 옵션
고급 스타일 옵션에서는 툴바 배경 색상, 메뉴 리스트 배경 색상, 메뉴 리스트 텍스트 색상을 설정할 수 있어요.
기본 셋팅대로 사용하길 원하면 따로 변경하지 않아도 되구요.
변경하길 원하면 색상 영역을 선택하면, 다른 색상으로 변경할 수 있습니다.
4)저장 버튼 선택
안내
앱 제작 후, STEP2 디자인 메뉴를 다시 수정하게 된다면 앱 업데이트를 다시 해주셔야 변경된 내용이 앱에 반영됩니다.
예를들어, 툴바 배경 색상을 변경했다면 변경 후 → 저장 → 앱 업데이트 버튼을 눌러서 새 버전으로 재제작해주세요.
앱스토어, 플레이스토어에 출시되었다면 업데이트 버전앱으로 해당 스토어에도 다시 업데이트 제출해주셔야 합니다.
STEP3 페이지 단계는 앱에 적용할 웹사이트 링크를 입력하게 되는데 해당 내용도 이미 앱제작 마법사에서 등록을 했어요.
사이트 주소를 수정을 원한다면 해당 단계에서 다시 입력해주시구요. 수정할 사항이 없다면 저장만 해주세요.
1)웹사이트 주소 입력
2)주소설정 : 최초실행 주소 설정 여부 선택
*최초 실행 주소란 앱에 연결한 웹사이트 외에 앱을 설치하고 처음에만 보여지는 별도 웹페이지를 적용할 수 있습니다.
사용하지 않을 경우 ‘아니오’에 체크, 사용할 경우 ‘예’에 체크해주세요. 사이트 주소 입력시 http:// 포함 입력해주세요.
3)저장 버튼 선택
안내
STEP3 페이지 메뉴 수정이 필요할 경우, 수정 후 저장만 하시면 앱에 자동 반영됩니다.
앱 업데이트(앱재제작)을 하지 않아도 됩니다.
모든 단계 입력이 완료되었습니다.
1)앱제작하기 버튼 선택
2)앱제작 팝업창에서 [제작하기] 버튼을 선택해주세요.
업데이트 표시 옵션은 어떤 것을 선택해도 제작에 영향을 주지 않구요.최초 제작시에는 업데이트 창이 뜨지 않습니다.
따라서 체크된 대로 제작해주시면 됩니다.
푸시앱 업데이트는 플레이스토어/ 앱스토어 등에 앱이 출시되어 있다면 새 버전 앱을 올려서 스토어를 통해 앱 업데이트를 받아야 하구요.
출시가 안된 개인 용도의 앱이라면 앱을 실행하면 업데이트 창이 뜹니다.
재 설치를 통해 업데이트 받을 수 있습니다.
웹뷰앱, 푸시앱 제작시 웹사이트주소를 입력한 뒤 가상머신(미리보기 화면)에 ‘모바일폰에서 앱 설치 후 확인해주세요’ or ‘연결을 거부했습니다’ 라는 메시지가 뜨는 것을 확인할 수 있는데요.
연결한 웹사이트 내에서 외부 연결을 막아놓는 즉, 외부공유 및 퍼가기 금지 보안이 설정되어 있을 경우 해당 메시지가 보여집니다.
따라서 이렇게 보안설정이 되어 있는 웹사이트 링크를 연결하면 웹 미리보기 화면에서 연결 거부 메시지가 보이게 됩니다.
이러한 메시지가 뜨셔도 앱제작이 안되는 것은 아니구요.
단순히 웹에서만 보안상 화면 표시가 안되는 것이므로, 스윙투앱 브라우저 어플을 이용하여 모바일 기기에서 앱 미리보기로 확인해주세요!
*먼저 스윙투앱 브라우저 어플을 설치하여 다운받아주세요.
1)오른쪽 웹 가상머신 화면에 기재된 [앱에서 미리보기]를 선택해주세요.
2)QR코드가 생성됩니다. 아이폰 혹은 안드로이드폰 카메라로 QR코드를 촬영합니다.
3)스윙투앱 브라우저 어플로 연결되며, 앱 미리보기에서 연결된 웹사이트를 확인할 수 있습니다.
브라우저 어플로 보면, 사이트가 정상적으로 앱으로 연동되어 작동되는 것을 확인할 수 있습니다.
만약 브라우저 미리보기에서도 연결이 거부된다면 문의게시판으로 문의주시기 바랍니다.
*단, 내부 사용 목적의 URL 및 회사 내부 서버에서 이용하는 사이트 주소는 연결이 불가하며, 웹앱으로 제작이 불가합니다.
*웹뷰, 푸시로 제작된 앱은 안드로이드폰에서만 확인 가능합니다. (아이폰은 확인할 수 없어요)
스윙투앱 공식앱 – [앱 미리보기]에서 제작한 앱을 다운받아 확인해주세요.
1) 플레이스토어에서 ‘스윙투앱’ 공식앱을 다운받아주세요.
*앱이 이미 설치가 되어 있다면 최신버전으로 업데이트 받아주세요.
2) 앱 실행 후 → 카테고리 상단에 [앱미리보기] 메뉴 선택
→스윙투앱 웹사이트 가입 계정(아이디, 비밀번호)으로 로그인해주세요.
*간편로그인 사용자: 스윙투앱 가입시 간편로그인으로 진행하셨던 분들은 네이버, 구글, 페이스북 아이콘을 선택해서 로그인을 진행해주세요.
*주의: 로그인은 반드시 스윙투앱 홈페이지 http://www.swing2app.co.kr 에서 가입한 계정을 넣어주셔야 합니다.
스윙투앱 공식앱에서 가입한 계정이 아니에요~!
3) 로그인이 완료되면 앱 미리보기 페이지가 열리며, 제작한 앱 목록을 확인할 수 있습니다.
4) [앱 다운로드] 버튼을 눌러서 핸드폰으로 앱을 설치할 수 있습니다.
*푸시, 웹뷰앱은 안드로이드폰에서만 이용 가능해요. (아이폰은 브라우저 어플로 미리보기 확인해주세요!)
움짤 이미지를 통해서 앱미리보기에서 앱을 다운받는 과정을 확인해주세요.
앱 설치시 간혹 구글 플레이 프로텍트 차단 메시지가 뜰 수 있는데요, 무시하고 설치 선택하고 진행해주시면 됩니다.
이렇게 안드로이드폰에 웹뷰앱을 설치해서 정상적으로 작동이 완료되는지 테스트를 다 하실 수 있구요.
문제가 없으면 스토어 출시를 준비할 수 있습니다.
앱스토어, 플레이스토어 앱 출시를 하실 때는 무료버전앱에서 유료버전으로 전환해주셔야 하는데요.
유료버전 전환은 스윙투앱 유료앱 이용권을 구매해주시면 됩니다.
푸시앱을 플레이스토어 or 앱스토어에 출시한다면 스윙투앱 유료앱 이용권 및 업로드티켓을 구매해주셔야 합니다.(무료앱은 스토어 출시 불가)
한 번 결제시 추가 결제 없으며, 이용 기간 제한 없이 평생 이용
푸시앱으로 이용기간 제한 없이 계속 이용하길 원하시면, ‘푸시전용 무제한 유료앱’ 상품을 구매할 수 있습니다.
한번 구매시 재구매 없이! 이용기간 제한 없이! 무제한!으로 이용 가능합니다.
무제한 상품은 총 3가지이며, 출시하고자 하는 플랫폼에 따라 상품 구매가 가능해요
(업로드 티켓 금액 포함)
(1)앱스토어, 플레이스토어 모두 출시한다면 590,000원
→ 푸시전용 무제한 유료앱(아이폰+안드로이드)550,000원+플레이스토어 업로드티켓20,000원+앱스토어 업로드티켓20,000원
(2)플레이스토어만 출시한다면 270,000원
→ 푸시전용 무제한 유료앱(안드로이드)250,000원+플레이스토어 업로드티켓 20,000원
(3)앱스토어만 출시한다면 370,000원
→ 푸시전용 무제한 유료앱(아이폰)350,000원+앱스토어 업로드티켓20,000원
푸시전용 무제한 유료앱 상품은 일반 이용권과는 다른 이용 주의사항이 있습니다.
반드시 주의사항 및 이용방법을 확인해주시기 바랍니다.
업로드 티켓 이슈 및 상품 상세 설명을 확인해주세요.
(1)업로드 티켓은 옵션상품으로(스윙투앱에서 사용자 앱을 스토어에 대신 올려드리는 비용)대행비이기 때문에 최초 등록시 한 번만 결제하시면 됩니다.
*단, 앱 업데이트가 있을 경우는 스토어에 올라간 앱도 업데이트 하셔야 하기 때문에 업로드티켓 재구매가 필요합니다.
(2)어떤 스토어에 출시를 할 것인지는 사용자분의 선택사항이기 때문에 앱스토어만 출시할 경우 앱스토어 업로드티켓만 구매하셔도 됩니다.
(3)플레이스토어는 사용자가 직접 올릴 수 있을 경우 이용권만 구매 한 뒤 직접 올려주시면 됩니다. (업로드 티켓 구매 하지 않아도 됩니다.)
(4)앱스토어는 업로드 대행만 가능하기 때문에 출시할 예정이라면, 반드시 앱스토어 업로드 티켓을 구매해서 신청해주세요.
이용권 및 티켓을 구매하기 전에 상품 상세 내용을 반드시 확인해주세요!
[구매하기] 버튼을 누르면 이용권에서 제공되는 서비스, 이용 안내를 상세히 확인할 수 있어요.
따라서 구매 전에는 반드시 상품을 확인해주세요.
내용을 봐도 잘 모르겠다면 문의게시판으로 문의 남겨주세요. 상세히 안내 도와드리겠습니다.
위에서 이용권과 티켓을 모두 구매했다면! 업로드 신청을 해야 스윙투앱으로 업로드 신청서가 접수됩니다.
신청서 팝업이 뜨며, 신청 양식에 따라 내용을 기재한 뒤 업로드 신청을 해주셔야 스윙투앱으로 업로드 신청건이 전달됩니다.
*결제한 뒤 꼭 업로드 신청을 해주세요
아래 업로드 신청방법 매뉴얼, 스토어별로 심사가 거절되는 대표 사례 가이드를 확인해주세요.
신청이 완료되면, 스윙투앱의 플레이스토어 업로드 담당자 / 앱스토어 업로드 담당자가 사용자분의 앱을 스토어에 올려드리는 업로드 진행을 시작합니다.
*앱스토어,플레이스토어 심사 기간: 7일
각 스토어별로 심사 시간이 길기 때문에 업로드 신청 후에는 심사 기간을 기다려주셔야 합니다.
스토어 출시가 완료되면 플레이스토어, 앱스토어에서 출시된 앱을 확인할 수 있습니다.
1)출시 완료 메일, 카카오톨 알림톡(사용자 번호가 등록되어 있을 경우)이 발송해드립니다.
2)앱스토어는 앱 출시 후에 바로 앱이름 검색시 노출이 되구요.
3)플레이스토어는 앱이 출시되어도 이름 검색 노출이 바로 되지 않습니다.
*구글은 앱 출시를 하여도 무분별한 출시를 막기 위해 해당 앱이 얼마나 활발하게 운영되는지를 확인 후 노출로 전환시켜요,
따라서 앱 설치 많이 해주시고, 리뷰, 평점 등 관리해주셔야 시간이 지나면 앱 이름 검색이 노출이 됩니다.
스토어 정책 내용을 꼭 확인해주셔야 이후 앱 출시 이용시 문제가 없습니다.
[아이폰]
[안드로이드폰]
로 이동해주세요
*메뉴로 이동한 뒤, 마켓등록란에 있는 [플레이스토어 업로드 신청] or [앱스토어 업로드 신청] 버튼을 선택합니다.
