В последние несколько недель мне было интересно, как вся экосистема A Прогрессивное веб -приложение (PWA) Работы. Конечно, мне нужно испачкать руки и кодировать что -то, чтобы понять это.
Моя главная цель-предоставить местную среду разработки, которая горячая нагрузка (код изменил) приложение на физическом устройстве Android.
Основной задачей было выяснить способ получить доступ к PWA, который работает на моей локальной машине с моего устройства Android (Samsung Galaxy S10). Почему? Потому что PWA требует HTTPS Access Таким образом, использование IP -адресов не является вариантом.
Дамы и господа, я представляю вам – Unfor19/pwa-quasar-local
Этот проект демонстрирует, как разработать Прогрессивное веб -приложение (PWA) локально на устройстве Android, используя Quasar Framework v2 Анкет
Окончательные результаты
ВАЖНЫЙ : Изображения могут выглядеть странно на dev.to; Не уверен, почему. Перейти к GitHub Repo Unfor19/pwa-quasar-local Если вы испытываете забавную ширину и высоты
Я сделал скриншоты с моим устройством Android, чтобы задокументировать весь пользовательский опыт установки PWA в первый раз.
Доступ к PWA с устройства Android
Добавить на домашний экран Появится всплывающее окно!
Нажал Добавить на домашний экран
Нажал установку
Установка завершена
PWA появляется в списке приложений устройства
У PWA прохладный брызг
Это благодаря Квазар который делает это, как всегда, автоматически.
Первый запуск после установки
Приложение работает на устройстве, как если бы это было «нормальное приложение».
Последние слова
Работать с Quasar была настоящей радостью, так как он создал весь процесс генерации PWA вне коробки, не написав ни одной строки кода. Так что отправляйтесь в Unfor19/pwa-quasar-local И сделай свою магию PWA!
Оригинал: “https://dev.to/unfor19/how-to-develop-a-progressive-web-application-on-an-android-device-39jj”