숙박 스타트업이 웹 콘텐츠를 기반으로 사용자 참여도를 크게 높이고 파일 크기를 작게 유지하는 Android 앱을 빌드한 방법
2013년에 설립된 OYO Rooms는 인도 최대 숙박업체 중 하나가 되었으며 80여 개국의 수백 개 도시에 호텔을 운영하고 있습니다. 이러한 성공은 온라인 예약 환경을 최대한 빠르고 쉽게 만들었기 때문에 가능했습니다.
최근까지 OYO팀은 이 목표를 달성하기 위해 프로그레시브 웹 앱(PWA)과 Android 앱을 모두 제공하고 있었습니다. Android 앱의 참여도가 훨씬 높았습니다. PWA를 사용하는 사용자보다 전환 빈도가 3배 높았습니다. 하지만 저장용량 문제로 인해 시간이 지남에 따라 Android 앱을 삭제하는 경향이 있었습니다.
Android 환경의 이점을 유지하면서 사용자 기기에서 Android 앱이 차지하는 공간을 줄이기 위해 팀에서는 신뢰할 수 있는 웹 활동 (TWA)을 사용하기로 결정했습니다.
TWA란 무엇인가요?
Chrome 72 이전에는 플랫폼별 앱에 웹 콘텐츠를 표시하려는 Android 개발자가 WebView를 사용해야 했는데, 이 WebView에는 몇 가지 중요한 제한사항이 있었습니다. Chrome만큼 빠르지 않고 Chrome의 API와 기능이 모두 포함되어 있지 않았습니다. 따라서 WebView의 렌더링 엔진에서 지원하지 않는 동작을 원한다면 이를 중심으로 자체 브라우저를 빌드해야 했습니다. 이는 그리 간단한 일이 아닙니다.
신뢰할 수 있는 웹 활동(TWA)은 Chrome에 웹 콘텐츠를 직접 표시하여 이러한 제한사항을 해결합니다. TWA 이름을 분석하면 기능을 설명하는 데 도움이 됩니다. - 활동은 Android 앱의 사용자 인터페이스에 있는 하나의 화면 또는 뷰입니다. - TWA는 Chrome을 사용하여 앱 활동의 웹 콘텐츠를 표시합니다. - TWA의 콘텐츠는 디지털 애셋 링크를 사용하여 Android 앱과 표시되는 웹 콘텐츠를 동일한 사용자가 만들었음을 확인하기 때문에 신뢰할 수 있습니다.
플랫폼별 앱이 아닌 TWA를 만드는 이유는 무엇인가요?
점점 더 많은 Android 앱이 개발자 자체 웹사이트의 콘텐츠를 제공하고 있습니다. TAA는 플랫폼별 및 웹 앱 환경을 최대한 제공하여 이러한 현실을 인정합니다.
- 런처 아이콘, 푸시 알림, 전체 화면 디스플레이 등 Android 앱에서 기대되는 모든 기능이 있습니다.
- Chrome의 성능과 기능을 제공합니다.
- 기기에 설치된 Chrome 버전을 사용하므로 항상 최신 API와 기능을 사용할 수 있습니다.
- 플랫폼별 앱보다 저장용량을 훨씬 적게 사용하므로 많은 사용자, 특히 저사양 기기를 사용하는 사용자에게 문제가 됩니다.
Chrome에서 실행하면 여러 가지 편리한 이점도 있습니다. 예를 들어 TWA는 쿠키, 비밀번호 및 Web Storage API를 사용하여 저장된 모든 항목 등 Chrome의 스토리지를 공유합니다. 이 설정의 한 가지 이점은 사용자가 브라우저와 TWA 앱에서 로그인 상태를 유지한다는 것입니다.
OYO Lite 빌드
OYO팀은 기기 저장용량을 손상시키지 않으면서 모든 기능을 갖춘 앱 환경을 사용자에게 제공하기 위해 기존 PWA에 빌드된 TWA인 OYO Lite를 만들기로 결정했습니다.
PWA로 시작하는 것은 필수입니다. 사용자는 Android 런처에서 실행하는 앱에서 모든 기능을 갖춘 환경을 기대하므로 TWA에서 게재되는 웹 콘텐츠는 다음을 비롯한 환경을 제공해야 합니다.
- 빠른 로드 및 응답 시간
- 사용자가 연결이 제한되거나 연결되지 않은 경우의 안정성
- 통일된 디자인(예: 스플래시 화면 및 앱 색상 제공)
이미 PWA가 있는 경우 이전에 Android용으로 개발한 적이 없는 경우에도 기본 TWA를 만드는 단계는 간단합니다. OYO팀은 다음과 같은 조치를 취했습니다.
- 앱이 oyorooms.com의 콘텐츠를 표시할 수 있도록
DEFAULT_URL및 인텐트 필터가 포함된 Android 매니페스트 파일을 만들었습니다. - 디지털 애셋 링크 확인을 사용하여 브라우저의 URL 표시줄을 삭제했습니다.
- 런처 아이콘을 만들었습니다.
- 맞춤 스플래시 화면을 만들었습니다.
결과는 다음과 같습니다.
기본 TWA 구축에 대한 자세한 둘러보기는 피터 매클라클란과 안드레 반다라의 Google I/O 2019 TWA 강연을 참조하세요.
OYO팀이 모든 Android 사용자가 액세스할 수 있는 스플래시 화면을 만드는 방법을 심도 있게 다루는 등 OYO Lite를 어떻게 만들었는지 자세히 알아보려면 Ankit Jain의 Medium 게시물을 참고하세요.
TWA가 OYO의 사용자 요구사항을 충족하는 데 어떻게 도움이 되었나요?
OYO팀은 대부분의 앱 애셋을 Chrome의 캐시에 저장하여 OYO Lite의 초기 다운로드 크기를 850KB로 줄일 수 있었습니다. Android 앱의 7%에 불과합니다.
Google Play 스토어에서 다운로드할 수 있는 Android 앱의 편의성과 소형 풋프린트가 결합되어 사용자 참여도가 크게 향상되었습니다.
- PWA의 전환율보다 3배 높은 전환율
- 평균적으로 PWA보다 3배 더 많은 로그인 사용자 수
- Google Play 스토어에서 4.1 별점
사용자에게 제공되는 이점 외에도 TWA를 사용하면 팀에 코드베이스가 하나만 있으므로 사용자가 최신 버전의 앱을 다운로드할 때까지 기다릴 필요 없이 쉽게 업데이트할 수 있습니다.
나만의 TWA 빌드
OYO의 온라인 예약 플랫폼은 TWA의 한 가지 사용 사례일 뿐입니다. 장바구니 및 결제 절차부터 FAQ 및 문의 양식까지, 현재 플랫폼별 앱이나 웹페이지로 빌드되어 있는 많은 프로젝트에 매우 적합할 수 있습니다.
TWA를 시작하려면 다음 링크를 확인하세요.