Progressive Web Apps — это будущее, поскольку они привносят лучшие возможности веб-сайтов в более привычный интерфейс. Теперь для пользователей Android Progressive Web Apps получают возможность использовать ярлыки приложений на главном экране.
Ярлыки приложений были представлены еще в Android Nougat как новый метод долгого нажатия, позволяющий быстрее получать доступ к отдельным частям приложения. При правильном использовании они могут стать действительно полезным инструментом для пользователей Android.
Теперь эта функциональность расширяется и на Progressive Web Apps для Android. Как отметил сотрудник Google Томас Штайнер в Twitter, последний выпуск Chrome Canary для Android включает поддержку ярлыков приложений для PWA. Это достигается с помощью элемента «shortcuts» в Web App Manifest, который выполняет ту же задачу, что и ярлыки приложений Android — прямую ссылку на конкретную часть приложения или функциональность.
В демонстрации, доступной на sadchonks.com, пользователи Android могут добавить PWA на свой главный экран, а затем долгим нажатием получить доступ к «Saved Chonks» или «New Chonks» с помощью ярлыков приложений Android. Будет интересно наблюдать за развитием этой функциональности и тем, как ее будут использовать другие разработчики PWA!
📢 App icon shortcuts are coming to Progressive Web Apps near you! Try @rynkns‘s demo https://t.co/bGvQ6aCfiw and install it using Chrome Canary on Android.
How does this even work? Glad you ask, it’s through the Web App Manifest’s `shortcuts` member: https://t.co/E4UR5LiUdm. pic.twitter.com/sf1446pOSB
— Thomas Steiner (@tomayac) May 12, 2020
Обновление от 20.05: Сегодня Google выпустил новый пост-руководство по этой функциональности. Франсуа Бофор и Юнгки Сонг в кратком посте объясняют, как разработчики могут начать работу с ярлыками приложений в Progressive Web Apps, а также дают несколько советов и рекомендаций. Если вы веб-разработчик, это определенно стоит посмотреть.
Ярлыки приложений опционально определяются в веб-манифесте, JSON-файле, который сообщает браузеру о вашем Progressive Web App и о том, как он должен вести себя при установке на настольное или мобильное устройство пользователя. В частности, они объявляются в массиве
shortcuts. Ниже приведен пример потенциального манифеста веб-приложения.