[워크식스] 쇼핑몰 앱 만들때 고려해야할 8가지

운영중인 쇼핑몰에 앱 프레임을 더하면 비교적 쉽게 앱(하이브리드 앱)을 만들 수 있습니다. 하지만 여기서 쉽다는 표현은 네이티브 앱 제작보다 비교적 쉽다는 이야기이지 하이브리드 앱을 만드는게 쉽다는 것은 아니기 때문에 오해하면 안되며, 아이폰 앱과 안드로이드 앱을 만드는데 고려해야할 사항 8가지를 알려드립니다.

1. 뒤로가기 버튼이 필요

아이폰의 경우 스마트폰 자체에 뒤로가기 버튼이 존재 하지 않습니다. 그래서 쇼핑몰에 모든 페이지에 뒤로가기 버튼이 반드시 필요 합니다. 뒤로가기 버튼이 없다면 앱 이용자들은 매우 불편함을 느낄 것 입니다.

2. 결제완료 후 복귀 할 수 있어야

쇼핑몰 특히나 모바일에서 결제를 해보면 결제 앱이 실행된 후 결제가 정상적으로 완료되면 쇼핑몰의 주문완료 페이지로 돌아 옵니다. 이는 웹 페이지여서 가능 합니다. 하지만 쇼핑몰을 앱으로 만들 경우 결제가 완료된 후 다시 주문완료 페이지로 돌아와야하는데 결제 앱이 여러분의 쇼핑몰 앱을 찾아가지 못합니다. 따라서 결제 서버나 결제 프로그램을 수정(커스터마이징)해서 돌아갈수 있도록 해줘야 합니다. 

3. 페이 결제는 안될수도

웹에서는 결제 방법으로 각종 페이 서비스(페이모, 카카오페이, 네이버페이 등)를 이용할 수 있으며, 페이 서비스를 제공하는 기업의 서버와 쇼핑몰과 웹 통신을 하면서 결제가 이루어 집니다. 그러나 쇼핑몰앱의 경우 결제완료 후 복귀할 수 없거나 기능 자체가 동작하지 않을 수 있습니다. 따라서 쇼핑몰 주문프로그램을 수정(커스터마이징)하여 쇼핑몰앱으로 주문할때는 결제에 문제가 있는 페이 서비스를 결제방법에서 선택할 수 없게 해줘야 합니다.

4. 로그인을 유지 시킬수 있어야

웹에서 로그인하고 로그아웃하는 동작은 세션 및 쿠키를 컨트롤하여 구현할 수 있습니다. 쇼핑몰 하이브리드 앱은 웹에 앱 프레임을 더하는 것이기 때문에 웹에 세션(또는 쿠키)과 앱에 세션(또는 쿠기)이 각각 따로 존재 합니다. 그래서 로그인이 안되죠. 쇼핑몰앱을 만들때 이 둘을 일치 시켜줄 수 있어야 합니다.

5. '연결할 수 없습니다.' 안내 페이지 필요

스마트폰은 4G 또는 WIFI 가 안된다면 이용할 수 없습니다. 이럴 때를 대비하여 '네트워크에 연결할 수 없습니다.' 안내 페이지가 필요 합니다. 이러한 안내 페이지가 없는 앱의 경우 구글 플레이 스토어 또는 아이폰 앱 스토어 앱을 올릴 수 없습니다. 

6. 자바스크립트 동작 필요

자바스크립트는 쇼핑몰에서 많이 쓰입니다. 하지만 앱에서는 보안 때문에 웹에 있는 자바스크립트 동작을 막고 있습니다. 따라서 앱 만들때 잊어 먹지 말고 자바스크립트가 동작할수 있게 자동으로 허용 되도록 해야 합니다.

7. 알림메시지(alert) -> 레이어 알림창으로 수정

쇼핑몰 웹에서 '로그인이 필요합니다.', '장바구니가 비어 있습니다.' 처럼 경고 목적으로 알림 메시지를 많이 이용합니다. 위 6번에서 자바스크립트를 동작하게 한다면 동작합니다. 하지만 구글이나 애플에서는 레이어 알립창(레이어팝업)을 권고하고 있음으로 레이어 팝업 형태로 변경하는 것이 좋습니다.

8. 푸시를 위한 서버 오픈

쇼핑몰 앱을 만드는 이유 중에 하나는 푸시 서비스 때문입니다. 이러한 푸시 서비스를 이용하고 싶다면 서버의 방화벽이 오픈되어 있어야 합니다. 대다수의 쇼핑몰은 서버를 임대하여 사용하기 때문에 임대 해주는 측에서 방화벽이 오픈되어 있어야 합니다. 하지만 보안 때문에 임대 해주는 측에서 방화벽 오픈을 거부할 수도 있으니 미리 알아 봐야 합니다.

[문의하기]

copyright ⓒ 2017. 워크식스