설치할 수 있게 되는 데 필요한 것은 무엇입니까?

Pete LePage

프로그레시브 웹 앱 (PWA)은 웹 기술로 빌드된 최신 고품질 애플리케이션입니다. PWA는 모바일 및 데스크톱 앱과 유사한 기능을 제공하며 불안정한 네트워크 환경에서도 안정적이고 설치 가능하므로 사용자가 더 쉽게 찾고 사용할 수 있습니다.

대부분의 사용자는 애플리케이션 설치와 설치된 환경의 이점을 잘 알고 있습니다. 설치된 애플리케이션은 macOS X의 애플리케이션 폴더, Windows의 시작 메뉴, Android 및 iOS의 홈 화면과 같은 운영체제 실행 화면에 표시됩니다. 설치된 애플리케이션은 활동 전환기, Spotlight와 같은 기기 검색 엔진, 콘텐츠 공유 시트에도 표시됩니다.

대부분의 브라우저는 프로그레시브 웹 앱 (PWA)이 특정 기준을 충족할 때 사용자에게 설치 가능함을 나타냅니다. 예시 표시기에는 주소 표시줄의 설치 버튼 또는 오버플로 메뉴의 설치 메뉴 항목이 포함됩니다.

또한 기준이 충족되면 많은 브라우저에서 beforeinstallprompt 이벤트를 실행하므로 앱 내에서 설치 흐름을 트리거하는 맞춤 인앱 UX를 제공할 수 있습니다.

설치 기준

Chrome에서 프로그레시브 웹 앱은 beforeinstallprompt 이벤트를 실행하고 브라우저 내 설치 프로모션을 표시하기 전에 다음 기준을 충족해야 합니다.

• 웹 앱이 아직 설치되지 않았습니다.
• 사용자 참여 휴리스틱을 충족합니다.
  • 사용자는 이전 페이지 로드 중에도 언제든지 페이지를 한 번 이상 클릭하거나 탭해야 합니다.
  • 사용자는 언제든지 페이지를 30초 이상 봐야 합니다.
• HTTPS를 통해 제공됩니다.
• 다음이 포함된 웹 앱 매니페스트가 포함되어 있습니다.
  • short_name 또는 name
  • icons - 192px 및 512px 아이콘을 포함해야 합니다.
  • start_url
  • display - fullscreen, standalone, minimal-ui 또는 window-controls-overlay 중 하나여야 합니다.
  • prefer_related_applications가 없거나 false여야 합니다.

다른 브라우저에도 설치를 위한 유사한 기준이 있지만 약간의 차이가 있을 수 있습니다. 자세한 내용은 각 사이트를 확인하세요.

• Edge PWA 요구사항
• Firefox PWA 요구사항