심층 통합형 프로그레시브 웹 앱(WebAPK)이 Android의 Chrome에 출시되었습니다.

심층적으로 통합된 프로그레시브 웹 앱(WebAPK)은 이미 Android의 Chrome에 적용되어 있습니다. 기능을 활성화하는 방법은 다음과 같습니다.

대부분의 Android 역사에서 애플리케이션은 기기 자체에 로컬 패키지로 설치되었습니다. 일반적으로 우리는 애플리케이션의 모든 리소스와 자산이 포함된 아카이브인 APK 파일을 다운로드하여 필요한 설치 파일을 얻습니다. 이런 방식으로 기본 애플리케이션을 설치하면 많은 이점이 있지만 웹 기반 애플리케이션을 개발하는 데도 많은 이점이 있습니다. 웹 애플리케이션 여러 플랫폼에서 액세스할 수 있고 쉽게 수정할 수 있으며 다른 이점과 함께 쉽게 배포할 수 있습니다.

Google은 웹 앱을 한 단계 더 발전시켜 프로그레시브 웹 앱 (PWA)는 모바일 장치와 더욱 통합됩니다. 프로그레시브 웹 앱은 푸시 알림을 보낼 수 있으며 가장 중요한 점은 장치의 홈 화면에 "설치"된다는 것입니다. 이러한 웹 앱은 Chrome 메뉴의 '홈 화면에 추가' 옵션을 클릭하여 대부분의 웹사이트에서 생성할 수 있지만 프로그레시브 웹 앱의 실제 기능은 얼마나 됩니까? 웹사이트 지원에 따라 다름.

PWA의 주요 단점 중 하나는 장치에서 실제 응용 프로그램으로 처리되지 않는다는 것입니다. 이러한 웹 앱은 홈 화면 바로가기를 통해 액세스되므로 홈 화면 테마를 지정하려는 많은 사용자는 아마도 이 사실 때문에 거부감을 느낄 것입니다. 나는 경험을 통해 말할 수 있습니다. 다행히 2016년에는 Chrome 개발자 서밋 지난 11월 Chrome 팀은 프로그레시브 웹 앱이 실제로 기기에 설치되는 APK로 전환될 수 있음을 시연했습니다.

개발자 팀은 "WebAPK"에 대한 지원이 정확히 언제 시작될 것인지 명시하지 않았지만 이미 활성화된 것으로 보입니다. 실제로 아무도 눈치채지 못했습니다. 공평하게 말하자면, 이 기능에 대한 지원을 활성화하는 유일한 방법은 새로운 Chrome 플래그를 활성화하는 것입니다.

chrome://flags/#enable-improved-a2hs

위의 링크를 주소 표시줄에 붙여 넣으면(Android용 Chrome의 개발자 또는 Canary 채널에 있는 동안) 다음을 나타내는 Chrome 플래그로 이동됩니다.

향상된 홈 화면에 추가를 활성화합니다.

안드로이드 패키지는 "프로그레시브 웹 앱(Progressive Web Apps)"으로 안드로이드와 더 깊이 통합될 수 있습니다. Chrome 서버는 사이트를 패키징하는 데 사용됩니다. Chrome Canary 및 Chrome Dev에서는 Android 보안 설정에서 '신뢰할 수 없는 소스'를 활성화해야 합니다.

명확하게 언급된 바와 같이, Progressive Web Apps는 이제 다음과 같이 패키지화될 수 있습니다. 실제 설치 가능한 안드로이드 패키지! 이는 백엔드 Chrome 서버를 사용하여 웹사이트를 APK로 패키징합니다(Google에서 이 서버를 실행하는지 여부는 확실하지 않지만 그럴 것으로 추정됩니다). 플래그를 활성화하고 Chrome을 다시 시작하면 '홈 화면에 설치'하는 모든 PWA가 대신 APK 파일을 다운로드하여 기기에 설치할 것입니다. 물론 모든 웹사이트가 이를 지원하는 것은 아니지만, 지원되는 웹사이트를 살펴볼 수 있습니다. 바로 여기에서 이 새로운 기능을 완벽하게 지원하세요.


프로그레시브 웹 앱의 재미

우리는 Financial Times와 Telegram이라는 두 가지 다른 PWA를 사용하여 기능이 어떻게 작동하는지 살펴보았습니다. Financial Times는 별도의 애플리케이션보다 모바일 웹사이트가 더 나은 선택이 될 수 있는 시대에 완벽한 사례인 간단한 뉴스 웹사이트입니다.

보시다시피 PWA는 Android에서 실제 애플리케이션처럼 취급됩니다. 설치하라는 메시지가 표시되며 다른 앱과 마찬가지로 앱 서랍 내에 있습니다. 또한 PWA 제거는 다른 앱을 제거하는 것과 동일하게 작동합니다.

최근 앱 화면을 보여주는 두 스크린샷에서 정보 표시줄의 차이점을 확인하세요. 첫 번째 스크린샷은 이 새 플래그를 활성화하지 않고 PWA를 "설치"할 때 발생하는 상황이고, 두 번째 스크린샷은 플래그가 활성화된 PWA의 실제 설치를 보여줍니다. Financial Times는 내 휴대폰에 다른 Chrome 탭과 별도로 닫을 수 있는 애플리케이션으로 존재합니다.

다음은 Telegram 웹 앱입니다. 이 PWA는 Telegram의 웹 인터페이스를 사용하여 메시지를 제공합니다. 솔직히 말해서 Telegram은 아마도 Android에 존재하는 가장 잘 설계되고 작동하는 애플리케이션 중 하나일 것입니다. 따라서 저는 개인적으로 이 PWA가 필요하다고 생각하지 않습니다. 하지만 PWA로 설치된 인스턴트 메신저의 기능을 테스트하고 싶었기 때문에 한번 시도해 보기로 결정했습니다.

Telegram은 실제로 모든 메시지를 적절하게 설치하고 표시하지만 한 가지 주요 주의 사항이 있었습니다: 바로 알림입니다. 현재 알림이 제대로 작동하지 않는 것 같습니다. Telegram을 통해 Mario Serrafero에게 메시지를 보냈을 때 그는 알림을 받았지만(왼쪽 하단 스크린샷 참조) 유용한 정보가 포함되어 있지 않았습니다. "사이트 설정" 옵션을 열면 알림이 활성화되어 있음을 보여주는 Telegram 웹 앱의 사이트별 설정이 표시되므로 알림이 작동하지 않는 이유가 확실하지 않습니다.

물론 WebAPK 설치를 활성화하는 플래그는 Dev 및 Canary 채널에만 존재하므로 Android용 Chrome에서는 이 기능이 WIP라고 가정하므로 현재 모든 기능이 작동하지는 않습니다. 시간. Chrome이 푸시 알림(예: Facebook)을 보낼 수 있다는 것을 알고 있으므로 가능합니다. 이런 식으로 설치된 Progressive Web Apps는 가까운 시일 내에 푸시 알림을 받을 수도 있습니다. 미래.


그렇지 않으면 이것은 시간이 지남에 따라 더욱 강력해지기를 희망하는 실험적 기능에 대한 깔끔한 살펴보기입니다. 저는 개인적으로 Web Apps를 사용하는 것을 좋아합니다. 장치가 지연되거나 배터리가 소모되는 종소리나 휘파람 소리 없이 필요한 정보를 제공하는 경향이 있기 때문입니다. 게다가 이 접근 방식은 웹 앱에 대한 나의 주요 불만 중 하나, 즉 앱을 실행하려면 홈 화면에 머물러야 한다는 사실을 해결합니다. 다양한 인기 사이트의 웹 래퍼가 점점 더 보편화되면서 더 많은 회사가 프로그레시브 웹 앱 표준을 채택하게 되기를 바랍니다.