Google, Android용 Chrome에 새로운 PWA 설치 UI 제공

Google, Android용 Chrome에 새로운 PWA 설치 UI 제공

프로그레시브 웹 앱은 기본적으로 실제 전체 앱의 라이트 버전입니다. 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는 프로그레시브 웹 앱에 이 설치 인터페이스를 사용한 첫 번째 회사입니다.





앱을 sd 카드 안드로이드로 이동

이 새로운 설치 UI에는 이제 앱에 대한 간단한 설명, 설치하려는 앱의 스크린샷 몇 개 및 설치 프롬프트의 오른쪽 상단에 있는 버튼.

이 버튼을 누르면 전화기에 PWA가 설치됩니다. Play 스토어 앱을 설치하는 것과 거의 같은 느낌을 줍니다.





앱에 새 UI를 사용하는 방법

개발자인 경우 이 새로운 설치 UI를 활용하려면 매니페스트에 두 명의 구성원을 추가해야 합니다. 추가하다 설명 그리고 스크린샷 멤버를 매니페스트 파일에 추가하고 Android용 Chrome은 점진적 웹 앱 설치에 새 UI를 사용합니다.

관련: 멋진 사용자 인터페이스 디자인을 위한 iPhone 및 iPad 앱

앱에 이미지를 추가할 때 다음 사항에 유의하세요.

  • 이미지의 너비와 높이는 320px 이상 3840px 이하여야 합니다.
  • 스크린샷의 가로 세로 비율이 동일해야 합니다.
  • 스크린샷은 JPG 또는 PNG 파일 형식을 사용해야 합니다.
  • 최대 치수는 최소 치수보다 2배 이상 클 수 없습니다.

파일에 필요한 변경 작업을 수행하면 점진적 웹 앱 설치가 기본 앱 설치와 매우 유사해 보입니다.

Chrome의 PWA를 위한 더 풍부한 설치 인터페이스

프로그레시브 웹 앱 개발자는 이제 Android의 Chrome에서 앱이 더 풍부한 설치 프롬프트를 사용하도록 할 수 있습니다. 이렇게 하면 더 많은 사람들이 휴대전화에 앱을 설치하도록 유도할 수 있습니다.

최종 사용자인 경우 이제 PWA를 전화기에 설치하기 전에 PWA에 대한 자세한 내용을 볼 수 있습니다.

공유하다 공유하다 트위터 이메일 모든 웹사이트를 몇 초 만에 Android 앱으로 바꾸는 방법

이 앱을 사용하면 앱의 Lite 버전을 매우 쉽고 빠르게 만들어 배터리 수명을 절약하고 휴대전화 성능을 향상시킬 수 있습니다.

다음 읽기
관련 항목 저자 소개 마헤시 막바나(게시된 기사 307건)

Mahesh는 MakeUseOf의 기술 작가입니다. 그는 약 8년 동안 기술 사용법 가이드를 작성했으며 많은 주제를 다루었습니다. 그는 사람들에게 장치를 최대한 활용하는 방법을 가르치는 것을 좋아합니다.

Mahesh Makvana가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.