프로그레시브 웹 앱은 기본적으로 실제 전체 앱의 라이트 버전입니다. Android용 Chrome에 이러한 앱을 설치하면 향후 PWA 앱 설치는 기본 앱 설치와 유사합니다.
Google이 Play 스토어 UI와 매우 유사한 새로운 PWA 설치 UI를 출시하고 있기 때문입니다.
Chrome의 현재 PWA 설치 수
현재 Android의 Chrome에서 지원되는 사이트를 열면 홈 화면에 앱을 추가하라는 작은 배너가 하단에 표시됩니다. 이것이 현재 Android의 Chrome에 프로그레시브 웹 앱을 설치하는 방법입니다.
이 설치 UI는 기본 앱 설치 UI처럼 보이거나 느껴지지 않습니다.
Android용 Chrome의 새로운 PWA 설치 UI
Twitter의 Chrome 개발자가 발표한 바와 같이 Google은 Android의 Chrome에 프로그레시브 웹 앱을 위한 더 풍부한 설치 UI를 제공합니다.
이 UI는 공식 Google Play 스토어에서 보는 것과 매우 유사합니다. 앱 이름, 간단한 설명, 일부 스크린샷, 설치 버튼까지 있습니다.
새로운 PWA UI의 모습
이 새로운 UI가 출시된 지 얼마 되지 않았기 때문에 이 새로운 사용자 인터페이스를 활용하는 앱은 많지 않습니다. Twitter는 프로그레시브 웹 앱에 이 설치 인터페이스를 사용한 최초의 기업입니다.
이 새로운 설치 UI에는 이제 앱에 대한 간단한 설명, 설치하려는 앱의 스크린샷 및 설치가 있습니다. 버튼을 클릭하세요.
이 버튼을 누르면 전화기에 PWA가 설치됩니다. Play 스토어 앱을 설치하는 것과 거의 같은 느낌을 줍니다.
앱의 새 UI 사용 방법
개발자인 경우 이 새 설치 UI를 활용하려면 매니페스트에 두 명의 구성원을 추가해야 합니다. 설명 추가 및 스크린샷 멤버를 매니페스트 파일에 추가하고 Android용 Chrome은 프로그레시브 웹 앱 설치에 새 UI를 사용합니다.
앱에 이미지를 추가할 때 다음 사항에 유의하세요.
- 이미지의 너비와 높이는 320px 이상 3840px 이하여야 합니다.
- 스크린샷의 가로 세로 비율이 동일해야 합니다.
- 스크린샷은 JPG 또는 PNG 파일 형식을 사용해야 합니다.
- 최대 치수는 최소 치수보다 두 배 이상 클 수 없습니다.
파일에 필요한 변경 사항을 적용하면 점진적 웹 앱 설치가 기본 앱 설치와 매우 유사하게 보입니다.
Chrome의 PWA를 위한 풍부한 설치 인터페이스
프로그레시브 웹 앱 개발자는 이제 Android의 Chrome에서 앱이 더 풍부한 설치 프롬프트를 사용하도록 할 수 있습니다. 이렇게 하면 더 많은 사람들이 휴대전화에 앱을 설치하도록 유도할 수 있습니다.
최종 사용자인 경우 이제 PWA를 휴대전화에 설치하기 전에 PWA에 대한 자세한 내용을 볼 수 있습니다.