SlideShare a Scribd company logo
Progressive Web Apps
in Production
Timofey Lavrenyuk
Intro
Проблема
MWC 2016 Samsung Galaxy S7
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
PWA
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Процесс установки приложения
• Зайти в Play Market
• Найти в Play Market
• Нажать кнопку “Скачать”
• Подтвердить права
• Подождать, пока скачается
• Использовать
Progressive Web App
Progressive Web App
• Быстро устанавливается
• Работает Offline
• Имеет “нативные”
возможности
Быстрая установка
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
manifest.json
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Работа Offline
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Service Worker
• Работает отдельным процессом
• Работает только с HTTPS
• Позволяет управлять запросами
• Имеет доступ к кэшу
• Позволяет создавать Push уведомления
• Поваляет создавать фоновые задачи
1) Зарегистрировать
2) Создать файл service worker-a
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
AppCache
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Service Worker
Libraries
• sw-precache
• sw-toolbox
• sw-offline-google-analytics
sw-precache webpack
sw-toolbox
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Нативные возможности
• Geolocation
• Camera
• Microphone
• Network connection type and status
• Push
• IndexedDB
• Web Payments
• Background Sync
• Sharing
• …
Background Sync
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Background Sync
app.js
sw.js
Хранение данных
задачи
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
Periodic Background Sync
WEB Share API
Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"
WEB Share API
Работает начиная с 55 версии Chrome как Origin Trial
Chrome Origin Trial
Persistent Storage
Persistent Storage
Работает только если:
1) Сайт добавлен в закладки
2) Сайт добавлен в Home Screen
3) У сайта есть права на Push Уведомления
To be continue…
Кто использует PWA
Вывод
PWA + = ?
Спасибо за внимание
Timofey Lavrenyuk

More Related Content

PDF
Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...
PPTX
Александр Афенов
PDF
#5 "React.js" Антон Артамонов
PDF
Svyatoslav Login "How to test authentication and authorization for security"
PPTX
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
PPTX
переезд мониторинга
PDF
Платформа для поставки счастья в команду QA
PDF
OpenStack: от enterprise к сервис-провайдеру / Сергей Пимков (Селектел)
Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...
Александр Афенов
#5 "React.js" Антон Артамонов
Svyatoslav Login "How to test authentication and authorization for security"
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
переезд мониторинга
Платформа для поставки счастья в команду QA
OpenStack: от enterprise к сервис-провайдеру / Сергей Пимков (Селектел)

What's hot (19)

PPTX
Преждевременная оптимизация архитектуры / Евгений Потапов, Антон Баранов (ITS...
PDF
RootConf 2015: Как Vagrant и Chef ускорили разработку в несколько раз
PDF
"Изоморфная разработка на javascript с помощью react.js" Максим Климишин
PDF
«Детские болезни live-чата» Ольга Сентемова, Тинькофф Банк
PPTX
Microsoft и Linux на одном проекте: как получить лучшее из обоих миров и не р...
PDF
React.js – intro
PPTX
Сергей Рыжиков (1С-Битрикс)
PDF
Путь DevOps в «Parallels» / Константин Назаров (Parallels)
PPTX
API плюс толстый клиент – новая парадигма веб-разработки? / Андрей Лебедев (Г...
PDF
станислав мехоношин «инфраструктура для разработки в один клик, или Vagrant д...
PPTX
SignalR
PDF
SECON'2016. Парамонов Сергей, Автоматизируй это! Как не погрязнуть в рутине п...
PDF
Zabbix в сервисной компании  ОНЛАНТА - Zabbix Meetup Moscow
PPTX
Chef по обе стороны Bamboo / Артем Семенов (Align Technology)
PPTX
Автоматизация нагрузочного тестирования в связке JMeter + TeamСity + Grafana ...
PPT
Backendless BaaS. Dinosaurus for Jeeconf 2013
PDF
Alexei Vladishev - Zabbix 3.0 что дальше
PPTX
Redux и изоморфные приложения
Преждевременная оптимизация архитектуры / Евгений Потапов, Антон Баранов (ITS...
RootConf 2015: Как Vagrant и Chef ускорили разработку в несколько раз
"Изоморфная разработка на javascript с помощью react.js" Максим Климишин
«Детские болезни live-чата» Ольга Сентемова, Тинькофф Банк
Microsoft и Linux на одном проекте: как получить лучшее из обоих миров и не р...
React.js – intro
Сергей Рыжиков (1С-Битрикс)
Путь DevOps в «Parallels» / Константин Назаров (Parallels)
API плюс толстый клиент – новая парадигма веб-разработки? / Андрей Лебедев (Г...
станислав мехоношин «инфраструктура для разработки в один клик, или Vagrant д...
SignalR
SECON'2016. Парамонов Сергей, Автоматизируй это! Как не погрязнуть в рутине п...
Zabbix в сервисной компании  ОНЛАНТА - Zabbix Meetup Moscow
Chef по обе стороны Bamboo / Артем Семенов (Align Technology)
Автоматизация нагрузочного тестирования в связке JMeter + TeamСity + Grafana ...
Backendless BaaS. Dinosaurus for Jeeconf 2013
Alexei Vladishev - Zabbix 3.0 что дальше
Redux и изоморфные приложения
Ad

Viewers also liked (13)

PDF
Agile transformation_keynote
PPTX
[Expert Fridays] Python MeetUp - Леонид Блохин: "Нейросети на питоне: пфф easy"
PPTX
Code quality
PDF
Oles’ Petriv (Data Scientist at VideoGorillas): “ Visualization Methods and D...
PDF
ACP April End of School Year Newsletter SP_2011
PDF
ciencias naturales
DOCX
Fundamentals of Investments Summary
DOC
Noor CV
PPTX
Ринат Ахметов: "Восстановление модели трехмерного объекта по видеопотоку"
PDF
883 THISTLE DOWN CIRCLE - Sept 10 (EXISTING)
PPTX
Geolocation API実地試験
PPTX
Роман Степанов: "Анализ данных о местоположении клиентов"
PPTX
Альмеев Азат - создание коллажа из фотографий в iOS приложении
Agile transformation_keynote
[Expert Fridays] Python MeetUp - Леонид Блохин: "Нейросети на питоне: пфф easy"
Code quality
Oles’ Petriv (Data Scientist at VideoGorillas): “ Visualization Methods and D...
ACP April End of School Year Newsletter SP_2011
ciencias naturales
Fundamentals of Investments Summary
Noor CV
Ринат Ахметов: "Восстановление модели трехмерного объекта по видеопотоку"
883 THISTLE DOWN CIRCLE - Sept 10 (EXISTING)
Geolocation API実地試験
Роман Степанов: "Анализ данных о местоположении клиентов"
Альмеев Азат - создание коллажа из фотографий в iOS приложении
Ad

Similar to Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production" (20)

PDF
Сканирование уязвимостей со вкусом Яндекса. Тарас Иващенко, Яндекс
PPTX
MPD2011 | Олег Донцов "Введение в разработку bada Flash & Web приложений"
PDF
Александр Киракозов "Архитектура загрузчика Яндекс.Диска"
PDF
WP как экспериментальная платформа
PPTX
NoBigData - потоковая система аналитики clientside производительности, Сергей...
PPTX
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...
PPTX
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...
PPTX
SECON'2017, Кулагин Егор, Непрерывное развертывание. Конвейер здорового челов...
PDF
Continuous integration testing of mobile SDK
PDF
Станислав Мехоношин «Инфраструктура для разработки в один клик, или Vagrant д...
PDF
Микросервисный фронтенд
PDF
Микросервисный фронтенд / Вячеслав Слинько (ЦИАН)
PDF
Mobile web apps
PDF
Zabbix: Прошлое, настоящее и будущее (Zabbix: Past, present and the future)
PPTX
Progressive Web Apps
PDF
Atlassian user group
PPTX
Browzer
PDF
Популярні способи зломів та шахрайські схеми
PPTX
Python tools for web development (Python meetup Almaty #ALAPY)
PDF
В offline и обратно
Сканирование уязвимостей со вкусом Яндекса. Тарас Иващенко, Яндекс
MPD2011 | Олег Донцов "Введение в разработку bada Flash & Web приложений"
Александр Киракозов "Архитектура загрузчика Яндекс.Диска"
WP как экспериментальная платформа
NoBigData - потоковая система аналитики clientside производительности, Сергей...
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...
SECON'2017, Кулагин Егор, Непрерывное развертывание. Конвейер здорового челов...
Continuous integration testing of mobile SDK
Станислав Мехоношин «Инфраструктура для разработки в один клик, или Vagrant д...
Микросервисный фронтенд
Микросервисный фронтенд / Вячеслав Слинько (ЦИАН)
Mobile web apps
Zabbix: Прошлое, настоящее и будущее (Zabbix: Past, present and the future)
Progressive Web Apps
Atlassian user group
Browzer
Популярні способи зломів та шахрайські схеми
Python tools for web development (Python meetup Almaty #ALAPY)
В offline и обратно

More from Provectus (20)

PPTX
Choosing the right IDP Solution
PPTX
Intelligent Document Processing in Healthcare. Choosing the Right Solutions.
PPTX
Choosing the Right Document Processing Solution for Healthcare Organizations
PPTX
MLOps and Data Quality: Deploying Reliable ML Models in Production
PPTX
AI Stack on AWS: Amazon SageMaker and Beyond
PPTX
Feature Store as a Data Foundation for Machine Learning
PPTX
MLOps and Reproducible ML on AWS with Kubeflow and SageMaker
PPTX
Cost Optimization for Apache Hadoop/Spark Workloads with Amazon EMR
PPTX
ODSC webinar "Kubeflow, MLFlow and Beyond — augmenting ML delivery" Stepan Pu...
PDF
"Building a Modern Data platform in the Cloud", Alex Casalboni, AWS Dev Day K...
PDF
"How to build a global serverless service", Alex Casalboni, AWS Dev Day Kyiv ...
PDF
"Automating AWS Infrastructure with PowerShell", Martin Beeby, AWS Dev Day Ky...
PDF
"Analyzing your web and application logs", Javier Ramirez, AWS Dev Day Kyiv 2...
PDF
"Resiliency and Availability Design Patterns for the Cloud", Sebastien Storma...
PDF
"Architecting SaaS solutions on AWS", Oleksandr Mykhalchuk, AWS Dev Day Kyiv ...
PDF
"Developing with .NET Core on AWS", Martin Beeby, AWS Dev Day Kyiv 2019
PDF
"How to build real-time backends", Martin Beeby, AWS Dev Day Kyiv 2019
PDF
"Integrate your front end apps with serverless backend in the cloud", Sebasti...
PDF
"Scaling ML from 0 to millions of users", Julien Simon, AWS Dev Day Kyiv 2019
PPTX
How to implement authorization in your backend with AWS IAM
Choosing the right IDP Solution
Intelligent Document Processing in Healthcare. Choosing the Right Solutions.
Choosing the Right Document Processing Solution for Healthcare Organizations
MLOps and Data Quality: Deploying Reliable ML Models in Production
AI Stack on AWS: Amazon SageMaker and Beyond
Feature Store as a Data Foundation for Machine Learning
MLOps and Reproducible ML on AWS with Kubeflow and SageMaker
Cost Optimization for Apache Hadoop/Spark Workloads with Amazon EMR
ODSC webinar "Kubeflow, MLFlow and Beyond — augmenting ML delivery" Stepan Pu...
"Building a Modern Data platform in the Cloud", Alex Casalboni, AWS Dev Day K...
"How to build a global serverless service", Alex Casalboni, AWS Dev Day Kyiv ...
"Automating AWS Infrastructure with PowerShell", Martin Beeby, AWS Dev Day Ky...
"Analyzing your web and application logs", Javier Ramirez, AWS Dev Day Kyiv 2...
"Resiliency and Availability Design Patterns for the Cloud", Sebastien Storma...
"Architecting SaaS solutions on AWS", Oleksandr Mykhalchuk, AWS Dev Day Kyiv ...
"Developing with .NET Core on AWS", Martin Beeby, AWS Dev Day Kyiv 2019
"How to build real-time backends", Martin Beeby, AWS Dev Day Kyiv 2019
"Integrate your front end apps with serverless backend in the cloud", Sebasti...
"Scaling ML from 0 to millions of users", Julien Simon, AWS Dev Day Kyiv 2019
How to implement authorization in your backend with AWS IAM

Тимофей Лавренюк (Provectus): "Progressive Web Apps in Production"