по-настоящему кросс-платформенный опыт
Максим Сальников
@webmaxru
Прогрессивные веб-приложения:
Есть ли шанс у веба стать по-настоящему универсальной платформой для всех типов устройств
Спойлер: ДА!
Максим Сальников
@webmaxru
-
Google Developer Expert, Microsoft MVP
-
Организатор Mobile / Web / PWA митапов в Осло и Лондоне
-
Организатор конференций Mobile Era и ngVikings
Full-stack разработчик "приложений из будущего" в ForgeRock
Мобильная платформа:
2,5 млрд плюсов
-
Требуется как минимум две команды разработчиков
-
Существующие решения для кросс-платформенной разработки — вынужденный компромисс
-
Бойкот магазинами приложениям, построенным с помощью шаблонов и конструкторов
Дорого и долго разрабатывать приложения
}
Разработка приложений
-
Около 2/3 приложений не были установлены ни разу
-
Более половины пользователей устанавливает 0 (ноль) приложений в месяц
-
Более 90% доходов на этом рынке делят менее 1% его участников
Магазины приложений
}
Долго и дорого привлекать новых пользователей
А если попробовать веб?
Chris Anderson, Wired, 2010
As much as we love the open, unfettered Web, we're abandoning it for simpler, sleeker services [native apps] that just work
The biggest mistake we’ve made as a company is betting on HTML5 over native.
Mark Zuckerberg
Каков веб сегодня?
-
Доступ к аппаратным средствам устройств
-
Постоянно повышающие быстродействие JavaScript-движки
-
API для аутентификации и платежей
-
Глубокая интеграция с операционными системами
-
Выход за рамки онлайна и браузеров
}
Еще одно определение PWA
PWA используют современные веб-API вкупе со стратегией прогрессивного улучшения для создания кросс-платформенных приложений.
Эти приложения запускаются везде и обладают рядом характеристик, обеспечивающих пользователей преимуществами, аналогичными тем, что доступны в нативных решениях.
Кросс-платформенные?
Браузеры
Настольные
Мобильные
Для разработчиков
OS
Онлайн больше не обязателен
Установка без хлопот
Получение уведомлений
Service Worker API
Web App Manifest
Новые преимущества?
Полноценное приложение
}
}
Аудитория / Лояльность
Разработчикам
-
Выразительный язык
-
Мощный инструментарий
-
Гигантское сообщество
Опрос разработчиков
на Stack Overflow
Отличные JS-to-Native фреймворки
... будут не нужны
App shell
Runtime caching
Offline GA
Replay failed requests
Broadcast updates
Build integrations
Возможность расширить ваш собственный сервис воркер вместо использования сгенерированного
Manifest checker & generator
Service worker builder
Manifest icons generator
Создание проектов, необходимых для создания нативных приложений
Трудности?
Изменения спецификаций
Настороженность к нововведениям
Уровень поддержки стандартов
Отсутствие дорожной карты
Отсутствие дорожной карты
Истории успеха
-
3% размера Android-версии
-
70% экономия трафика
-
65% больше страниц за сессию
-
75% больше отправленных твитов
Twitter Lite
-
Приложение весит всего 50k (gzipped) и загружается менее чем за 3 секунды в 2G-сетях
m.uber
-
17% увеличение конверсии
-
8% увеличение конверсии сохраненных корзин через push-уведомления
Lancome
-
Starbucks
-
Tinder
-
Google Maps & Search
-
AliExpress
-
Instagram
-
Pinterest
-
Forbes
-
...
Множество других примеров...
Ближайшее будущее
Gartner:
К 2020 году ПВП заменят 50% неспециализированных мобильных приложений
Forrester:
К 2021 в мире будет потрачен $1 трлн на "перезапуск" мобильного веба
Веб-приложение
Мобильное приложение
Настольное приложение
Прогрессивное приложение
Maxim:
-
1700+ участников
-
Представители браузеров, фреймворков, библиотек
Спасибо!
@webmaxru
Максим Сальников
Есть вопрос?
Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
By Maxim Salnikov
Прогрессивные веб-приложения: по-настоящему кросс-платформенный опыт
- Веб доказал свою применимость в качестве платформы для создания приложений и сервисов практически любого масштаба и направленности. - Новые веб-API позволяют полноценно использовать функциональность устройств, так что клиентской части веб-приложений больше незачем себя ограничивать рамками браузера. - Набор API, спецификаций и подходов к разработке, позволяющий создавать практически “нативные” приложения для любой платформы, используя навыки веб-разработчика, получил название PWA (Progressive Web Applications). - Сегодняшняя поддержка PWA всеми основными разработчиками браузеров говорит о том, что это может быть одним из главных векторов развития и распространения веб-технологий. - В выигрыше оказываются и разработчики (единая кодовая база), и пользователи (легкие, быстрые, функциональные приложения).
