웹 앱 지원

웹 앱은 웹페이지를 Android 앱으로 변환하여 휴대기기에서 더 쉽게 찾고 더 간편하게 사용할 수 있도록 합니다. 웹 앱은 기기의 런처에서 네이티브 앱처럼 표시됩니다. 열면 웹페이지가 사용자의 기본 브라우저 (설정 > 앱 > 기본 앱 > 브라우저 앱)에서 렌더링되고 브라우저의 기능에 따라 표시됩니다.

네이티브 앱을 배포하는 것과 동일한 방식으로 웹 앱을 배포할 수 있습니다. 여기에는 관리 Google Play 스토어의 컬렉션에 앱을 추가하고 기기에 원격으로 앱을 설치하는 작업이 포함됩니다.


웹 앱 구성요소

웹 앱을 만들려면 다음을 지정해야 합니다.

  • 관리 Play 스토어 및 런처에 기기에 표시되는 제목
  • 웹 앱이 열리는 시작 URL
  • 웹 앱이 기기에 표시되는 방식을 정의하는 디스플레이 모드

사용자가 웹 앱을 쉽게 식별할 수 있도록 웹 앱의 아이콘을 설정할 수도 있습니다. 아이콘은 선택사항이지만 권장됩니다.

제목

제목은 30자(영문 기준) 미만이어야 합니다. 기기의 폼 팩터에 따라 웹 앱의 제목이 관리 Play 스토어 및 기기의 런처에서 잘릴 수 있습니다. 따라서 짧은 제목을 지정하는 것이 좋습니다.

시작 URL

웹 앱의 시작 URL은 웹 앱이 열리는 페이지를 정의합니다. 그러면 사용자는 다른 URL로 이동할 수 있습니다.

시작 URL은 HTTPS 또는 HTTP URL이어야 합니다. 디스플레이 모드가 전체 화면 또는 독립형인 경우 웹 앱의 URL에 HTTPS 스키마가 있어야 합니다.

표시 모드

표시 모드는 웹 앱이 열릴 때 표시되는 브라우저 UI 요소를 설명합니다.

  • 최소 UI: URL 표시줄이 상단에 표시되고 시스템 상태 표시줄과 탐색 버튼이 표시됩니다. HTTP URL의 경우 이 옵션만 사용할 수 있습니다.
  • 독립형: URL 표시줄이 표시되지 않고 시스템 상태 표시줄과 탐색 버튼이 표시됩니다.
  • 전체 화면: URL 표시줄이 표시되지 않고 시스템 상태 표시줄과 탐색 버튼이 숨겨집니다. 웹사이트의 인터페이스에서 모든 탐색 컨트롤을 제공해야 합니다.
그림 1. 왼쪽에서 오른쪽: 최소 UI, 독립형, 전체 화면 디스플레이 모드

표시 모드는 시작 URL과 동일한 도메인의 페이지에만 적용됩니다. 사용자가 시작 URL과 다른 도메인의 URL로 이동하면 선택한 표시 모드와 관계없이 새 페이지가 Chrome 맞춤 탭에서 열리고 새 URL이 사용자에게 표시됩니다. 예를 들어 시작 URL이 즉시 다른 도메인의 URL로 리디렉션되면 이 페이지가 Chrome 맞춤 탭에 표시됩니다.

사용자가 웹 앱을 처음 열면 화면 하단에 알림이 표시되어 네이티브 앱이 아닌 브라우저에 있음을 알립니다.

그림 2. 사용자가 웹 앱을 처음 열 때 표시되는 알림입니다.

아이콘

아이콘을 지정하면 사용자가 웹 앱을 식별하는 데 도움이 됩니다. 지정된 아이콘이 없는 웹 앱의 경우 Google에서 동일한 기본 아이콘을 삽입하여 표시합니다. 사용자가 앱을 더 쉽게 구분할 수 있도록 하려면 고유하고 의미 있는 아이콘이 있는 웹 앱을 만드는 것이 좋습니다.

IT 관리자는 관리 Google Play iframe에서 만드는 웹 앱에 단일 아이콘을 설정할 수 있습니다. API를 사용하여 웹 앱을 만들 때 IT 관리자가 여러 아이콘을 설정하도록 허용할 수 있습니다. 이러한 아이콘은 모두 웹 앱의 APK에 삽입되며 Android 시스템은 기기의 디스플레이 해상도에 가장 적합한 아이콘을 표시합니다. 관리 Play 스토어에는 항상 웹 앱에 지정된 첫 번째 아이콘이 표시됩니다.

첫 번째 아이콘은 512x512픽셀 정사각형이면 좋습니다. PNG 및 JPEG 형식이 허용되며 크기는 1MB를 초과할 수 없습니다. 이 형식을 준수하지 않는 아이콘은 관리 Google Play 스토어 항목에 맞게 크기가 조정됩니다. 또한 아이콘은 각 시스템에 맞게 도형을 조정할 수 있도록 '마스킹'할 수 있어야 합니다. 자세한 내용은 마스크 가능한 아이콘을 참고하세요.

API를 사용할 때 아이콘 데이터는 base64url 형식으로 인코딩되어야 합니다 (즉, base64이지만 '+'는 '-'로 대체되고 '/'는 '_'로 대체됨[자세한 내용은 RFC 4648, 섹션 5 참고]).


웹 앱 만들기

EMM 콘솔에 관리 Google Play iframe을 삽입하거나 API와 통합하여 웹 앱을 만들 수 있습니다. 두 가지 접근 방식은 서로 호환되며 기기에서 동일한 최종 사용자 환경을 제공하므로 솔루션에 가장 적합한 접근 방식을 개발자가 결정하면 됩니다.

옵션 1: 관리 Google Play iframe 삽입

관리 Google Play iframe에는 IT 관리자가 웹 앱을 생성, 수정, 삭제할 수 있는 사용자 인터페이스가 포함되어 있습니다. 이 옵션을 통해 웹 앱을 지원하려면 안내에 따라 관리 Google Play iframe을 EMM 콘솔에 삽입합니다. 웹 앱 인터페이스는 iframe의 왼쪽 탐색 메뉴에서 액세스할 수 있습니다.

iframe에서 웹 앱이 생성된 후 인터페이스에서 앱을 선택할 수 있기까지 몇 분 정도 걸립니다. 웹 앱이 선택되면 웹 앱의 제품 ID가 이벤트에 전달된 onproductselect 이벤트가 트리거됩니다.

웹 앱의 제품 ID를 사용하여 사용자에게 배포할 수 있습니다.

옵션 2: API와 통합

EMM 콘솔에서 웹 앱을 지원하는 또 다른 방법은 웹 앱 API와 통합하는 것입니다. 웹 앱을 만들려면 webapps.insert 메서드를 사용합니다. 다음과 같은 추가 메서드를 사용할 수 있습니다.

  • 기업의 모든 웹 앱 나열
  • 단일 웹 앱의 세부정보 검색
  • 웹 앱 업데이트
  • 웹 앱 삭제
자세한 내용은 API 참조를 참고하세요.

API를 통해 만든 웹 앱은 생성 직후 정책에 추가할 수 있습니다. 하지만 기기에 설치되거나 관리 Play 스토어에서 사용자에게 표시되기까지 몇 분 정도 걸릴 수 있습니다.

웹 앱 배포

iframe 또는 API에서 반환된 제품 ID를 기기의 정책에 추가하여 다른 앱과 마찬가지로 웹 앱을 배포할 수 있습니다.

기기가 웹 앱의 디스플레이 모드를 지원하려면 Google Chrome(패키지 이름 com.android.chrome)이 설치되어 있어야 합니다. Chrome이 기기에 설치되도록 하려면 기기의 정책에 Chrome을 추가하고 autoInstallModeforceAutoInstall로 설정하는 것이 좋습니다.

기기에 Chrome이 설치되어 있지 않으면 웹 앱을 열면 Chrome을 설치해야 한다는 대화상자가 표시됩니다.

웹 앱 업데이트

관리 Google Play iframe을 사용하면 IT 관리자가 게시한 웹 앱을 수정할 수 있습니다. API를 사용하여 webapps.patch를 호출하여 웹 앱의 모든 측면을 업데이트할 수 있습니다. 이 메서드는 webapps.insert와 동일한 매개변수 외에도 앱 이름을 사용합니다.

업데이트가 모든 기기에 적용되려면 앱 업데이트 설정에 따라 몇 분에서 최대 24시간이 걸립니다. 경우에 따라 웹 앱 제목의 업데이트가 런처에 반영되기 전에 사용자가 기기의 런처 앱에서 캐시를 삭제해야 할 수 있습니다.

Google은 Chrome 래퍼를 업데이트하기 위해 주기적으로 웹 앱을 새로고침합니다. 이 경우 웹 앱의 버전 번호가 변경되고 다음에 편리한 시점에 Play 스토어에서 앱이 자동으로 업데이트된다는 점을 제외하고는 기업 또는 사용자에게 영향을 미치지 않습니다.

웹 앱 삭제

관리 Google Play iframe을 사용하면 IT 관리자가 웹 앱을 삭제할 수 있습니다. API를 사용하여 webapps.delete를 호출하여 웹 앱을 삭제할 수 있습니다. 웹 앱을 삭제하면 관리 Play 스토어에서 삭제되지만 기기에서 제거되지는 않습니다. 기기에서 웹 앱을 제거하려면 installs.delete를 호출합니다.