Ответ 1

TL; DR - По состоянию на февраль 2017 года Progressive Web Apps - достаточно мощная платформа, которая Twitter переместил весь свой мобильный веб-трафик на React PWA.

По состоянию на август 2016 года прогрессивные веб-приложения фактически предлагают больше аппаратного доступа, чем обычно думают. Вот скриншот whatwebcando.today из моей стабильной версии Chrome 52 на Android:

Доступ к оборудованию включает

• geolocation - поддерживается в подавляющем большинстве браузеров
• камера и микрофон через getUserMedia/Stream и предстоящий MediaStream Image Capture API
• устройство vibration
• экран ориентация и акселерометр, включая компас и гироскоп
• состояние аккумулятора

Предстоящий доступ к оборудованию

Эти функции реализуются или уже работают в некоторых браузерах:

• Bluetooth через Веб-интерфейс Bluetooth
• NFC
• датчик окружающего освещения (работает в Firefox 48+ )
• датчик приближения (работает в Firefox 48+)
• accelerometer, magnetometer и gyroscope доступ к датчику
• API определения формы

Еще один важный момент, который следует отметить, заключается в том, что Origin Trials Framework (реализован в Chrome) позволяет производителям подвергать и тестировать аппаратные средства (или программное обеспечение) без необходимости проходить процесс стандартизации. Например, производитель телефонов может выставить API для считывания значений датчика давления, уточнить его, а затем отправить его на рассмотрение W3C.

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

Традиционно собственные функции, которые PWA могут также использовать

• push-уведомления
• работает в автономном режиме
• добавление значка на главный экран
• появляется в списке приложений благодаря WebAPKs - Прогрессивные веб-приложения теперь могут быть упакованы в реальные устанавливаемые пакеты Android!
• запуск полноэкранный режим
• доступ к буферам обмена

• аппаратно-ускоренная 2D/3D графика через HTML5 Canvas или WebGL - проверьте некоторые демонстрации HTML5 Canvas, WebGL или library.js. Ориентир 2014 года Unity кросс-платформенный игровой движок сравнил собственную производительность рендеринга WebGL и заключил, что

  "Самый важный взнос - в то время как все еще существуют области, где WebGL значительно медленнее, чем собственный код, в целом вы можете ожидать, что ожидаете очень приличную производительность, и это может только улучшиться в будущем".

  Разрыв действительно закрывается.

• чтение выбранных пользователем файлов в любом браузере
• гладкие, плавные пользовательские интерфейсы с 60fps анимация

Эти функции охватывают множество вариантов использования, и многие популярные популярные приложения в настоящее время могут быть переписаны как PWA. Например, возьмите Slack. Его альтернатива с открытым исходным кодом, Rocket.Chat, создает версию PWA. Дополнительные примеры PWA см. https://pwa.rocks.

Родные функции, поступающие в PWA

• обработка намерений- например, совместное использование страницы в другом приложении или share target, например приложение чата PWA, которое получает изображение для установки в качестве аватара пользователя

Основные функции Android, которые в настоящее время отсутствуют в PWA

• доступ к контактам, календарю и браузеру (отсутствие доступа к ним можно рассматривать как функцию
• linkability - любая страница/экран может иметь прямую ссылку, которая может быть легко доступна.

Ответ 2

Основным преимуществом для родных приложений является то, что они могут получить доступ ко всем собственным API, которые может предложить платформа (контакты, вспышка камеры, SMS, телефония, сеть, Bluetooth, датчики, сырые сокеты...), в то время как прогрессивное веб-приложение не может (пока), поскольку они ограничены стандартными возможностями Web.

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

• Отзывчивое: для соответствия любому форм-фактору
• Независимость от подключения: прогрессивно улучшена с помощью рабочих сервисов, чтобы они работали в автономном режиме
• App-like-interactions: Примените модель приложения Shell + Content для создания приложений и взаимодействий appy.
• Fresh: прозрачно всегда обновляется благодаря процессу обновления Service Worker
• Сейф: обслуживается через TLS (требование Рабочего Работника), чтобы предотвратить отслеживание
• Доступно для обнаружения: идентифицируются как "приложения" благодаря W3C Manifests и области регистрации Service Worker, что позволяет поисковым системам находить их
• Повторно подключается: может получить доступ к интерфейсам повторного взаимодействия ОС; например Push-уведомления
• Устанавливается: на главный экран с помощью предоставленных браузером подсказок, позволяющих пользователям "сохранять" приложения, которые они находят наиболее полезными, без проблем с магазином приложений.
• Linkable: означает, что они имеют нулевое трение, ноль-установку и легко разделить. Социальная власть URL-адресов имеет значение.

В этих точках ссылка была одной из первых характеристик, импортированных родными приложениями из Open Web в виде мобильной глубокой привязки.

Но особое упоминание заслуживает комбо свежие + устанавливаемые, поскольку оно представляет одно из главных преимуществ Интернета как платформы над собственными альтернативами. Здесь installable означает, что он появляется на вашем домашнем экране. Это не означает, что вам необходимо пройти стадии загрузки и установки. Вы открываете URL-адрес или обнаруживаете услугу во время просмотра и выполняете: он отображается на главном экране.

Fresh относится к тому, как работает обычный веб-сайт, предлагая мгновенную загрузку и бесшовные обновления. Вам не предлагается установить обновление из Интернета YouTube, оно развернуто, и вы будете его использовать при следующем посещении.

Я не говорю о преимуществах оставшихся очков, потому что вы просите о различиях, и, например, повторное участие - это то, что уже есть у собственных приложений через push-сервисы и уведомления, и теперь веб-приложения догнали.

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

В качестве заключительных замечаний я рекомендую просмотреть www.flipkart.com с мобильного устройства с помощью Chrome. Это довольно потрясающе: никаких ошибок, плавной навигации, приятного для восприятия ощущения. Войдите в автономный режим, и он продолжит работу. Это действительно реальный пример этого поста. Добавьте приложение на главный экран, и в следующий раз, когда вы его откроете, опыт еще лучше.

Вы можете посмотреть Firefox OS, а также пример приведения больше API-интерфейсов платформы в стандартную сеть (с большим или меньшим успехом).