Можем ли мы назначить адаптивный веб-сайт, который будет действовать как прогрессивное веб-приложение?

Question

если бы у нас был адаптивный веб-сайт с HTML, Css и Nodejs для его бэк-энда, можем ли мы сделать его действующим как приложение PWA?- Я знаю разницу в файле Service-worker, но я хочу узнать, точная ли это разница?

Answer 1

Вот разница между PWA (прогрессивное веб-приложение) и RWD (адаптивный веб-дизайн) :

PWA

Пользователи получают доступ к веб-сайту через любой браузер, и в поддерживаемом браузере (Chrome, Firefox, Safari и даже Edge!) Он спрашивает пользователя, хотят ли они установить веб-приложение на домашний экран.Это позволяет пользователям загружать и сохранять веб-сайт на своих устройствах (который затем обновляется с помощью сервисных работников в фоновом режиме).

RWD

Адаптивный веб-дизайн (RWD) в основном относится к практике разработки веб-сайта, к которому можно получить доступ с помощью любой технологии, которую вы можете использовать для создания сайта.RWD позволяет веб-сайту быть полностью функциональным (и хорошо выглядеть) независимо от того, какой размер экрана у пользователя перед ним.Это было примерно с 2001 года, когда Audi запустила первый документированный отзывчивый сайт.

Поэтому PWA и RWD не являются двумя независимыми способами создания веб-сайта - фактически PWA почти наверняка будут использовать RWD.

Вот несколько советов:

Лучшее решение - выбрать лучшее решение для вашего конкретного сайта.Если вы хотите максимально использовать возможности этих приложений (например, простой доступ к приложениям на главном экране, автономное использование и высококачественные полноэкранные функции), вы можете выбрать PWA.

Если выВ поисках максимальной скорости и доступности сайта для большинства пользователей лучшим выбором может быть RWD.

Answer 2

Если вы спрашиваете, можете ли вы сделать PWA без сервисного работника, то я полагаю, что вы не можете, так как он (сервисный работник) и файл manifest.json необходимы для сохранения приложения на домашнем экране.

из документации Google :

Чтобы пользователь мог установить ваше Progressive Web App, он должен соответствовать следующим критериям:

• Веб-приложение еще не установлено.

  • и предпочитать_привязанные_приложения неверно.

• Встречает пользователяэвристика взаимодействия (в настоящее время пользователь взаимодействует с доменом не менее 30 секунд)

• Включает манифест веб-приложения, который включает:

  • короткое имя или имя
  • значки должны включать значки размером 192px и 512px
  • start_url
  • отображение должно быть одним из: полноэкранный, автономный или минимальный-пользовательский *
• Подается по HTTPS (требуется для обслуживающего персонала)
• Зарегистрировал сервисного работника с обработчиком событий выборки