Установка веб-приложения только для Интернета (PWA) в браузерах Chromium без service-worker

#google-chrome #installation #progressive-web-apps #chromium

#google-chrome #установка #progressive-веб-приложения #chromium

Вопрос:

Я создаю быстро развивающуюся многопользовательскую онлайн-игру на основе браузера, в которой для получения обновлений о том, что делают другие игроки, необходима постоянная связь с сервером (websockets). Я хотел бы сделать это приложение как можно ближе к progressive web app (PWA), где я могу предложить мобильным пользователям «установить» приложение на свой домашний экран, чтобы упростить поиск и запуск приложения.

Однако для простой установки PWA в браузерах на базе chromium требуется, чтобы в приложении был service worker (https://web.dev/install-criteria /, https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Installable_PWAs ). Я предполагаю, что это делается для того, чтобы убедиться, что приложение можно использовать в автономном режиме, но в моем случае это нежелательно, поскольку приложение должно быть подключено и подключено (через websocket).

Я делаю это неправильно? Каков наилучший способ обеспечить простую «установку на главный экран» для приложения, которое должно быть в Сети и работает на Android Chrome? Например. что-то, что появляется и спрашивает их, хотят ли они установить, вместо того, чтобы направлять пользователей вручную открывать меню в браузере и нажиматькнопка «Добавить на главный экран». Спасибо!

Ответ №1:

Да, вам нужен service worker. Однако, несмотря на то, что в вашу игру можно играть только онлайн, ее можно использовать для улучшения пользовательского интерфейса вашей игры.

Самое простое — создать тематический загрузочный экран. Еще один шаг — сделать ваш пользовательский интерфейс для запуска игры доступным через service worker, чтобы все кнопки (выбор персонажа, режим игры, параметры …) Были доступны мгновенно, даже если на этот раз по какой-либо причине подключение к серверу занимает секунду. Устранение задержек может значительно улучшить удобство использования вашего приложения.

Помимо этого, вы могли бы рассмотреть возможность добавления интересных автономных функций, которые могут понравиться игрокам, когда у них нет подключения к сети. Некоторые примеры:

  • Просмотрите справку / «как играть».
  • Просматривайте карты, если в вашей игре есть карты, или даже войдите в «одиночную» игру, чтобы игроки могли ознакомиться с элементами игрового процесса и графикой в условиях низкой нагрузки, или поэкспериментируйте с изменениями настроек, если таковые имеются.
  • Просматривайте статистику, если она есть в вашей игре.
  • Воспроизведение записей предыдущих игр. Это может быть полезно для обучения игре, но даже если нет, это все равно позволит игроку сделать скриншот и поделиться забавным моментом.

Комментарии:

1. Хороший момент, наличие некоторых из этих функций, доступных в автономном режиме, все равно будет полезно для игроков. Спасибо!

Ответ №2:

Ваш пользователь получит возможность «установить на главный экран» только в том случае, если у вас зарегистрирован service worker. Этот service worker может быть очень минималистичным. Но оно должно присутствовать и быть активным. Работа в автономном режиме или онлайн не является критерием для PWA.