Больше, чем просто на мобильном телефоне
В таких странах, как Китай, мини-приложения взяли штурмом рынок. Помимо мобильных устройств, где мини-приложения повсюду и являются их естественной средой обитания, мини-приложения начали завоевывать другие среды выполнения, такие как автомобили и классические настольные компьютеры.
Мини-приложения в автомобилях
В июле 2020 года немецкий автопроизводитель BMW Group объявил о сотрудничестве с Tencent под брендом WeScenario, которое, по словам Tencent , будет распространено на «30 ведущих автомобильных компаний мира и [привнесет WeScenario] экосистему социальных сетей, контента и обслуживание более чем 110 основных моделей автомобилей» .
![На приборной панели автомобиля Tencent показаны два ряда значков мини-приложений.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/dashboard-a-tencent-car.jpg?authuser=6&hl=ru)
Мини-приложения на рабочем столе
Мини-приложения в WeChat Desktop
Используя настольный клиент WeChat, доступный для macOS и Windows ), можно запускать мини-приложения WeChat на рабочем столе. (Обязательно не загружайте версию macOS из App Store, если вы проводите исследования и хотите получить все возможности, поскольку она более ограничена.)
Чтобы протестировать его на macOS, поделитесь мини-приложением с мобильного устройства с самим собой через учетную запись «Передача файлов». В результате появится сообщение, которое затем можно будет открыть в клиенте для настольных компьютеров. В большинстве случаев мини-приложение станет доступным для непосредственного нажатия и запуска. В остальных случаях вам придется заново пересылать себе историю чата с мобильного устройства.
![Настольный клиент WeChat для macOS показывает чат с самим собой с помощью общего мини-приложения и историю чата в виде двух видимых сообщений.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-macos-desktop-ff77c2594df87.png?authuser=6&hl=ru)
В Windows обходной путь для совместного использования мини-приложений не требуется, поскольку существует специальная панель мини-приложений, которая показывает недавно использованные пользователем мини-приложения, а также включает в себя поиск приложений, где можно найти новые мини-приложения.
![Панель мини-приложений в клиенте WeChat для Windows, показывающая недавно использованные пользователем мини-приложения.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-panel-the-w-d77d8ecfb45ff.png?authuser=6&hl=ru)
![Поиск мини-приложений в клиенте WeChat для Windows, показывающий мини-приложения, перечисленные в различных категориях, таких как игры, бизнес, образование и т. д.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-search-the-063f6eb0f29b8.png?authuser=6&hl=ru)
Мини-приложения WeChat на рабочем столе естественным образом интегрируются с операционной системой. И в macOS, и в Windows они получают отдельную запись на панели многозадачности и собственный значок на панели задач. В macOS есть возможность сохранить значок в Dock, но значок исчезает в момент закрытия клиентского приложения WeChat. В Windows значки мини-приложений можно закрепить на панели задач, но нельзя запустить. В macOS заголовком приложения всегда является «WeChat», а не фактическое название приложения, тогда как в Windows заголовок отображается правильно.
![Многозадачный переключатель macOS включает в себя мини-приложения наряду с обычными приложениями macOS.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-macos-multitask-switc-41fdba003b0ab.png?authuser=6&hl=ru)
![Значок мини-приложения Starbucks на Dock macOS с названием WeChat.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ic-69f453a6b3106.png?authuser=6&hl=ru)
Большинство мини-приложений еще не оптимизированы для настольных компьютеров и запускаются в фиксированном окне неизменяемого размера, которое включает в себя хорошо известные возможности пользовательского интерфейса и запросы разрешений, как на мобильных устройствах (см. «Взаимодействие с пользователем »).
![Мини-приложение Starbucks, работающее на macOS, запрашивает разрешение профиля пользователя, которое пользователь может предоставить с помощью приглашения, показанного внизу.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-1b25007f0451a.png?authuser=6&hl=ru)
![Мини-приложение Starbucks, работающее на macOS, показывает главный экран приложения.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-572cd2e489b0f.png?authuser=6&hl=ru)
Адаптивные мини-приложения, оптимизированные для настольных компьютеров (кроме мобильных устройств), могут отображаться в более широком окне, которое в macOS в настоящее время все еще исправлено, но в Windows можно гибко изменять размер.
![Демонстрационное приложение компонентов WeChat в адаптивном окне приложения, размер которого можно изменить и которое по умолчанию шире обычного экрана мобильного телефона.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-1c3d986776774.png?authuser=6&hl=ru)
![Демонстрационное приложение компонентов WeChat в узком окне показывает три коробки A, B и C, расположенные друг над другом.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-a1fe189f05208.png?authuser=6&hl=ru)
![Демонстрационное приложение компонентов WeChat в широком окне показывает три поля A, B и C, причем A расположен поверх B и C сбоку.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-abe24ae8acfe5.png?authuser=6&hl=ru)
Настройки разрешений мини-приложения в macOS можно изменить через контекстное меню. В Windows это кажется невозможным, и местоположение, указанное демонстрационным приложением, похоже, является приблизительным местоположением, которое Windows позволяет приложениям получать без запроса разрешения.
![Демонстрационное приложение компонентов WeChat, работающее на macOS, показывает два флажка для разрешения местоположения и информации о пользователе.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-3646592ae405b.png?authuser=6&hl=ru)
Мини-приложения в браузере 360 Secure Browser
360 Secure Browser (360安全浏览器) — веб-браузер, разработанный компанией Qihoo. Помимо iOS и Android , браузер также доступен для Windows , macOS и Linux . В Windows он способен запускать специальные мини-приложения 360° . Документация разработчика и API сопоставимы с документацией других поставщиков; однако 360 не предлагает специальные инструменты разработчика. Вместо этого разработчикам необходимо создавать свои мини-приложения в среде IDE по своему выбору, а затем тестировать их в браузере, используя специальный режим разработки. Отладка происходит с помощью Chrome Dev Tools. Для начала доступно демо-приложение .
![Мини-приложение 360°, работающее в браузере 360 Secure Browser, отлаживаемое с помощью Chrome Dev Tools.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-mini-app-running-3-6302b6618cd95.png?authuser=6&hl=ru)
Мини-приложения 360° могут работать в полноэкранном режиме и отображаются как отдельные записи на панели многозадачности. Через контекстное меню можно добавить значок главного экрана, который позволяет запускать мини-приложения с рабочего стола.
![Мини-приложение для панорамного видео, работающее в полноэкранном режиме и показывающее различные эскизы видеороликов для просмотра.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-video-mini-app-runn-aa0d65f94deb.png?authuser=6&hl=ru)
Веб-мини-приложения
Существуют некоторые платформы мини-приложений, основанные на веб-технологиях, но для полного раскрытия их потенциала требуется наличие специального WebView.
ЛИНИЯ
LINE — это приложение для мгновенного общения на электронных устройствах, таких как смартфоны, планшеты и персональные компьютеры. Кроме того, LINE — это платформа, предоставляющая различные услуги, включая цифровой кошелек, поток новостей, видео по запросу и распространение цифровых комиксов. Сервис является дочерней компанией корейской поисковой системы Naver Corporation .
Поскольку мини-приложения LINE — это, по сути, просто обычное веб-приложение (см. пример приложения ), которое использует LINE Front-end Framework (LIFF), к нему также можно получить доступ за пределами основного приложения LINE через специальные постоянные ссылки ( пример ). Однако в таких случаях доступны не все API. Примеры недоступных в браузере API включают метод liff.scanCode()
для чтения QR-кодов или API-интерфейсы, связанные с Bluetooth, такие как liff.bluetooth.getAvailability()
. Чтобы почувствовать платформу, вы можете протестировать приложение LINE Playground в браузере и приложение LINE, если у вас есть учетная запись LINE.
![Демонстрационное приложение LINE Playground, работающее на устройстве iOS, показывает, что liff.getOS() возвращает «ios».](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-78d20ca810b96.png?authuser=6&hl=ru)
![Демо-приложение LINE Playground, работающее в веб-браузере, показывает, что liff.getOS() возвращает значение «web».](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-1f5ceb7a58e0c.png?authuser=6&hl=ru)
Google Spot
Платформа Google Spot позволяет разработчикам настроить Spot в Google Pay — цифровую витрину, которую они могут создавать, брендировать и размещать по своему усмотрению. Его можно обнаружить как онлайн, так и с помощью физических штрих-кодов. Пользователи могут легко поделиться «Spot» (как его называет приложение) в своем любимом приложении для обмена сообщениями или найти его в Google Pay. Spot создается с использованием HTML и JavaScript, поэтому существующие инвестиции в мобильные веб-сайты или PWA можно легко превратить в Spot, «добавив несколько строк JavaScript», как говорится в объявлении.
![Мини-приложение Eat.fit, работающее в суперприложении Google Pay, показывает нижний лист входа в систему.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-eatfit-mini-app-runn-f55df1ea6339d.png?authuser=6&hl=ru)
Мини-приложения ВК
Российская платформа социальных сетей ВКонтакте запускает программу мини-приложений , которая позволяет разработчикам создавать мини-приложения, тесно связанные с социальной сетью. Мини-приложения ВКонтакте работают как в мобильных приложениях ВКонтакте, ориентированных на конкретную платформу, так и на настольном веб-сайте. Помимо нескольких других платформ бренда, таких как Mail.ru , мини-приложения ВК также интегрированы в браузер Atom .
![Мини-приложение Все аптеки, работающее в ВК.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-vse-apteki-mini-app-r-4c223b1f34dd3.webp?authuser=6&hl=ru)
Мини-приложения Telegram
С помощью Telegram Mini Apps разработчики могут использовать JavaScript для создания гибких интерфейсов, которые можно запускать прямо внутри Telegram. Как и боты, мини-приложения поддерживают плавную авторизацию , интегрированные платежи с использованием 20 платежных систем (с Google Pay и Apple Pay «из коробки»), доставку пользователям индивидуальных push-уведомлений и многое другое. Для тестирования этой функции доступно демо-мини-приложение .
Благодарности
Рецензии на эту статью написали Джо Медли , Кейси Баскис , Милица Михайлия , Алан Кент и Кейт Гу.