설치가 가능하려면 무엇이 필요합니까?
— 업데이트됨
Appears in: 프로그레시브 웹 앱
프로그레시브 웹 앱(PWA)은 웹 기술을 사용하여 구축된 최신 고품질 애플리케이션입니다. PWA는 iOS/Android/데스크톱 앱과 유사한 기능을 제공하며 불안정한 네트워크 조건에서도 안정적이며 설치가 가능하여 사용자가 쉽게 찾고 사용할 수 있습니다.
대부분의 사용자는 응용 프로그램 설치와 설치된 경험의 이점에 익숙합니다. 설치된 애플리케이션은 Mac OS X의 애플리케이션 폴더, Windows의 시작 메뉴, Android 및 iOS의 홈 화면과 같은 운영 체제 시작 화면에 나타납니다. 설치된 응용 프로그램은 활동 전환기, Spotlight와 같은 장치 검색 엔진 및 콘텐츠 공유 시트에도 표시됩니다.
대부분의 브라우저는 PWA(Progressive Web App)가 특정 기준을 충족할 때 설치할 수 있음을 사용자에게 나타냅니다. 표시기의 예로는 주소 표시줄의 설치 버튼이나 오버플로 메뉴의 설치 메뉴 항목이 있습니다.
또한 기준이 충족되면 많은 브라우저에서 beforeinstallprompt 이벤트를 실행하여 앱 내에서 설치 흐름을 트리거하는 사용자 지정 인앱 UX를 제공할 수 있습니다.
설치 기준 #
beforeinstallprompt 이벤트를 실행하고 브라우저 내 설치 프로모션을 표시하기 전에 다음 기준을 충족해야 합니다.
- 웹 앱이 아직 설치되지 않음
- 사용자 참여 휴리스틱 충족
- HTTPS를 통해 제공
- 다음을 포함하는 웹 앱 매니페스트를 포함합니다.
short_name또는nameicons- 192px 및 512px 아이콘을 포함해야 합니다.start_urldisplayfullscreen,standalone또는minimal-ui중 하나여야 합니다.prefer_related_applications이 존재하거나false여서는 안 됩니다.
fetch핸들러에 서비스 워커를 등록합니다.
다른 브라우저는 설치 기준이 비슷하지만 약간의 차이가 있을 수 있습니다. 자세한 내용은 해당 사이트를 확인하십시오.