스윙투앱 매뉴얼

푸시, 웹뷰버전 앱제작방법(초간단 앱제작)

홈페이지 혹은 운영 중인 웹사이트가 있다면!!

웹 사이트 URL 링크를 그대로 앱에 연동하여 앱을 제작할 수 있어요. 

정말 간단하게! 초간단으로!! 앱을 제작하는 방법을 영상을 통해서 알려드릴텐데요.

스윙에서 제공하는 프로토타입 중 ‘푸시’ or ‘웹뷰’ UI스타일을 이용하시면 단 5분 안에 모바일 앱을 제작할 수 있어요. 

사용자의 웹사이트를 그대로 앱에 연동해서 제작할 수 있습니다. 

앱 기본정보만 입력하신 뒤 디자인테마에서 ‘푸시’ or ‘웹뷰’를 선택하고, 
페이지메뉴 단계에서 앱에 연동할 *웹링크: URL 주소를 입력하고 저장하고 ‘앱제작요청’을 눌러주시면 끝입니다~!!

매뉴얼을 푸시 버전과 웹뷰 버전으로 앱을 제작하는 방법을 알려드리겠습니다.


 

[푸시버전 앱제작하기]

 

▶푸시버전이란?

스윙에서는 여러 스타일의 UI디자인- 프로토타입을 제공하고 있는데요. 

이 중에서 ‘푸시’ 전용은 다른 제작 기능 없이 사용자의 홈페이지 URL만 입력해주시면 앱에 그대로 연동되어서 제작이 됩니다. 

그리고 푸시 알림 기능을 이용할 수 있기 때문에 사용자들에게 이벤트, 광고, 홍보성 메시지를 보낼 수 있어요.

*웹뷰 버전은 스윙 다른 메뉴들은 이용할 수 없기 때문에 푸시를 보내고 싶으시다면 ‘푸시’ UI를 선택해주세요 ^^

 

 ▶푸시 특징

-웹뷰로 앱 제작시 웹링크 URL주소만 넣으면 앱을 제작할 수 있어요.

-웹뷰와 달리 스윙에서 제공하는 푸시 발송 기능을 이용할 수 있어요.

-앱 제작시 앱 화면 하단에 푸시툴바가 생성됩니다. 


푸시 버전 앱제작 방법

1단계 앱 기본정보

스윙 홈페이지 로그인 후 [앱제작 페이지] 1단계 앱 기본정보에서

앱 아이디 → 앱 이름 → 앱 아이콘 이미지 → 앱 대기화면 이미지 입력 후 저장해주세요. 

 

2단계 디자인테마

2단계 디자인테마 *프로토타입: ‘푸시 전용’ 선택   *디자인 스킨 컬러: 컬러는 선택할 필요 없어요. 

 

3단계 페이지메뉴

3단계 페이지 메뉴  1)[홈화면] 버튼 선택 → 2)메뉴 유형: 웹링크 선택 → 3)웹링크 란에 URL주소 입력 → 4)적용 버튼 → 5)저장 버튼 선택 6)앱제작요청 버튼

제작 완료된 앱은 스윙 미리보기 어플을 이용하거나 메일로 발송된 APK파일을  안드로이드 폰에서 다운받아 확인할 수 있어요.

*웹뷰,  푸시로 제작된 앱은 안드로이드폰에서만 확인 가능합니다. (아이폰은 확인 할 수 없어요~)

 

푸시 발송하기

푸시버전으로 앱제작 후 푸시 알림을 발송할 수 있어요.

앱운영 페이지 → 푸시&회원 → 푸시 발송하기 메뉴에서 메시지 제목, 내용을 입력한 후 연동할 웹링크를 선택해서 발송해주세요. 

*예약 푸시 발송도 가능합니다. 

 

푸시 버전앱 제작방법 영상으로 확인하기


 

[웹뷰버전 앱제작하기]

 

웹뷰 버전이란?

‘웹뷰’ 프로토타입 역시 다른 제작 기능 없이 사용자의 홈페이지 URL만 입력해주시면 앱에 그대로 연동되어서 제작이 됩니다. 

푸시버전과 다르게, 푸시 발송 등 스윙의 다른 기능은 모두 이용할 수 없습니다. 

 

웹뷰 특징

-웹뷰로 앱 제작시 웹링크 URL주소만 넣으면 앱을 제작할 수 있어요.

-웹링크만 이용하는 스타일이기 때문에 스윙에서 제공하는 다른 메뉴들은 사용할 수 없어요.(푸시 알림, 게시판 등 모든 메뉴 사용 안되요)

-푸시 알림을 보내고 싶다면 프로토타입: 푸시 전용을 선택하여야 합니다. 

 

웹뷰 버전 앱제작방법

1단계 앱 기본정보

스윙 홈페이지 로그인 후 [앱제작 페이지] 1단계 앱 기본정보에서

앱 아이디 → 앱 이름 → 앱 아이콘 이미지 → 앱 대기화면 이미지 입력 후 저장해주세요. 

 

2단계 디자인테마

2단계 디자인테마 *프로토타입: ‘웹뷰 전용’ 선택   *디자인 스킨 컬러: 컬러는 선택할 필요 없어요. 

 

3단계 페이지메뉴

3단계 페이지 메뉴  1)[홈화면] 버튼 선택 → 2)메뉴 유형: 웹링크 선택 → 3)웹링크 란에 URL주소 입력 → 4)적용 버튼 → 5)저장 버튼 선택 6)앱제작요청 버튼

제작 완료된 앱은 스윙 미리보기 어플을 이용하거나 메일로 발송된 APK파일을  안드로이드 폰에서 다운받아 확인할 수 있어요.

*웹뷰,  푸시로 제작된 앱은 안드로이드폰에서만 확인 가능합니다. (아이폰은 확인 할 수 없어요~)

 

▶ 웹뷰 버전 앱제작 영상으로 확인하기


 

*푸시버전과 웹뷰버전 앱제작시 주의해주세요.

1) 웹링크 중에서  앱과 연동이 되지 않는, 즉  퍼가기를 금지해 놓은 사이트가 있어요.

*네이버, 다음 등의 포털 사이트, 유튜브, SNS 사이트(인스타그램, 카카오톡, 페이스북) 등이 퍼가기를 금지해놓은 대표적인 사이트에요!

특히 자신이 운영하는 네이버 블로그 혹은 다음 카페 등을 웹뷰나 푸시로 연동하려는 사용자분들이 많은데요.

이러한 사이트는 앱에 연동하실 경우 에러가 나거나 제대로 동작이 되지 않습니다.

*이러한 웹링크로 적용된 앱은 플레이스토어, 앱스토어 출시 어렵습니다.

따라서 다른 프로토타입에서 외부 메뉴로 해당 링크를 넣는 것은 괜찮지만, 앱 연동 링크 자체가 위의 사이트 주소로 사용되지 않도록 해주세요.

2) 푸시버전 혹은 웹뷰버전 프로토타입에서 다른 프로타입으로는 변경 안되요.

웹뷰 기반(푸시, 웹뷰) 프로토타입으로 제작 후 → 일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운 리스트, 드롭다운 박스)으로 변경할 수 없습니다.

*웹뷰 기반에서 다른 프로토타입으로 변경해야 할 경우는 앱을 새로 제작해서 만들어주셔야 합니다.

 

3) 앱 상용화(스토어 출시)가 목적이라면 반드시 유료버전으로 이용해주세요.

웹뷰 혹은 푸시로 제작한 앱은 무료상용버전(스윙 광고가 들어간 무료앱)을 이용할 수 없어요.

*무료상용버전은 프로토타입- 탑, 푸터, 슬라이드, 드롭다운리스트/박스 프로토타입에서만 이용 가능합니다. 

푸시 혹은 웹뷰 앱도 플레이스토어, 앱스토어에 앱을 출시하기 위해서는 스윙 유료앱 이용권을 구매하여 유료버전으로 이용해주셔야 합니다. 

TIP. 웹뷰 버전앱으로 스토어 출시할 경우 무제한 웹뷰 이용권을 구매하시면 이용기간 제한없이 앱을 유료로 무제한 이용할 수 있어요. 

 웹뷰 무제한 플러그인 상품 보러가기