웹 앱 지원

웹 앱은 웹페이지를 Android 앱으로 변환하여 휴대기기에서 더 쉽게 찾고 사용할 수 있도록 합니다. 웹 앱은 기기 런처에 있는 네이티브 앱처럼 보이며, 사용자가 앱을 열면 Chrome 브라우저는 선택된 디스플레이 모드(최소 UI, 독립형 또는 전체 화면)에서 웹페이지를 렌더링합니다.

네이티브 앱과 동일한 방식으로 웹 앱을 배포할 수 있습니다. 여기에는 앱을 관리 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. 사용자가 웹 앱을 처음 열 때 표시되는 알림

icon

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

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

첫 번째 아이콘은 512x512 픽셀 정사각형이어야 합니다. PNG 및 JPEG 형식이 허용되지만 1MB 이하여야 합니다. 이 형식을 준수하지 않는 아이콘은 관리 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를 기기의 정책에 추가하여 다른 앱과 마찬가지로 웹 앱을 배포할 수 있습니다.

기기에 웹 앱의 표시 모드를 지원하려면 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를 호출합니다.