Как разработать прогрессивное веб-приложение с помощью скрипта приложения Google

Я разработал несколько приложений с помощью сценария приложения Google и развернул их как веб-приложения, и все они работают нормально. Затем я решил преобразовать их в PWA. Причина заключалась в том, чтобы сделать их доступными для установки на главном экране пользователя смартфона, чтобы иметь возможность использовать push-уведомления. , кеширование и т. д. (Кратко обо всех преимуществах PWA.)

Я начал изучать PWA. В результате я пришел к выводу, что мне нужен файл maifest.json, который браузеры загружают, и service-worker.js, который снова загружается и запускается браузерами.

К сожалению, среда разработки скриптов приложений не позволяет добавлять файлы с расширениями *.json и *.js.

Итак, значит ли это, что я не могу конвертировать веб-приложения со сценариями приложений Google в PWA?

Спасибо.


google-apps-script pwa
person Facimus    schedule 21.07.2018    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Теоретическое решение будет включать встроенные файлы, например, для манифеста (взято из этот ответ)

<link rel="manifest" href='data:application/manifest+json,{ "name": "theName", "short_name": "shortName", "description": "theDescription"}' />

а для сервис-воркеров просто включить непосредственно тег; но сервис-воркеры должны быть по своей природе независимыми от страницы (см. здесь).

Таким образом, мы могли бы попытаться обслужить их через doGet(e). НО, к сожалению, в настоящее время это невозможно, так как вам нужно будет извлекать сервис-воркера извне, но иностранная выборка была удалена из сервис-воркеров подробности см. в другом ответе

person marcomow    schedule 22.03.2019

arrow_upward
-1
arrow_downward

Правильно
Ваше PWA должно иметь возможность зарегистрировать сервис-воркер для установки

Если у вас есть что-то подобное, используйте инструмент аудита Lighthouse для тестирования PWA
, который доступен в инструментах Chrome Dev или в качестве расширения Chrome
Под результатами PWA вы должны увидеть
---- " Пользователю может быть предложено установить веб-приложение"

Если вы хотите попробовать работающий пример с инструментом аудита, у меня есть один здесь
https://a2hs.glitch.me/

Это тестовая PWA
Я перехватываю подсказки Chrome и Edge A2HS
И показываю пользователю кнопку для установки, если/когда он хочет

person Mathias    schedule 22.07.2018
comment
На самом деле, мне нужна более четкая информация о том, как преобразовать веб-приложение сценария приложения Google в PWA. - person Facimus; 13.01.2019
comment
Поскольку поиск в Google скрипта приложения Google PWA возвращает здесь только ваши вопросы, я предполагаю, что никто этого не сделал. Так что это может быть невозможно. (Это мое УГАДАНИЕ) Возможно, вам лучше начать с более традиционного инструмента для создания веб-сайта. По крайней мере, вы сможете найти больше людей, которые могли бы помочь. - person Mathias; 14.01.2019