Web Guide하이브리드 앱웹뷰앱 개발
하이브리드 앱과 웹뷰 연동
앱 안에 홈페이지를 넣는 방식입니다.
빠르고 저렴하지만 그대로 넣으면 앱 같지 않다는 반응이 나옵니다.
01구조 이해
앱 껍데기 안에서 홈페이지를 보여주고, 필요한 기능만 앱 기능으로 연결하는 방식입니다.
앱 껍데기
스토어에 올라가는 실제 앱. 푸시와 기기 기능 담당
웹뷰
앱 안에서 홈페이지를 보여주는 화면
연결 통로
앱 기능과 웹 화면이 서로 신호를 주고받는 부분
02앱 같지 않다는 반응
홈페이지를 그대로 넣으면 이런 평가를 받습니다. 몇 가지만 손보면 크게 달라집니다.
1
상단바 중복
웹의 헤더와 앱의 상단바가 겹칩니다. 앱에서는 숨깁니다.
2
뒤로 가기
기기의 뒤로 가기 버튼이 자연스럽게 동작해야 합니다.
3
새로고침 동작
당겨서 새로고침이 의도치 않게 동작하기도 합니다.
4
로딩 표시
화면이 바뀔 때 빈 화면이 보이지 않게 합니다.
5
전환 효과
화면 이동이 뚝뚝 끊기면 앱 같지 않습니다.
6
외부 링크
외부 사이트는 앱 안에서 열지 말지 정합니다.
03앱 기능으로 연결할 것
웹만으로 안 되는 부분을 앱 기능과 연결합니다. 이것이 하이브리드의 이유입니다.
푸시 알림
앱 알림을 보낼 수 있습니다.
카메라와 사진
기기 기능을 직접 사용합니다.
생체 인증
지문이나 얼굴 인식으로 로그인합니다.
자동 로그인
앱에 로그인 정보를 안전하게 저장합니다.
결제
앱 결제 정책을 확인해야 합니다.
위치 정보
기기 위치를 활용합니다.
04스토어 심사 주의
웹사이트를 그대로 감싼 앱은 심사에서 거절될 수 있습니다. 앱만의 가치가 필요합니다.
앱 고유 기능푸시, 오프라인, 기기 기능 등을 포함합니다.
결제 정책디지털 상품 결제는 스토어 정책 확인이 필수입니다.
심사 기간일정에 반영하고 반려 가능성도 고려합니다.
업데이트 주기웹 부분은 즉시, 앱 부분은 심사가 필요합니다.
계정 소유개발자 계정은 회사 명의로 만듭니다.
연간 비용개발자 계정 유지 비용을 확인합니다.
CHECK POINT
□ 앱으로 만들어야 할 고유 기능이 있는가
□ 웹 헤더가 앱에서 중복되지 않는가
□ 기기 뒤로 가기가 자연스럽게 동작하는가
□ 화면 전환 시 빈 화면이 보이지 않는가
□ 필요한 기기 기능을 연결했는가
□ 스토어 결제 정책을 확인했는가
□ 개발자 계정이 회사 명의인가
□ 심사 기간을 일정에 반영했는가
#하이브리드 앱#웹뷰#앱 개발#스토어 심사#푸시 알림#앱 결제#모바일#홈페이지 개발#웹비스타#홈페이지 제작