Никита Дубко — Одно PWA, чтоб править всеми

• Представление Никиты Дубкова, руководителя службы разработки Яндекса.  

• Никита рассказывает о своем опыте и увлечениях, включая игру в Dungeon Dragons и сплав на байдарках.  

• PWA Progressive Web Application - это веб-приложение, которое можно установить как отдельное приложение.  

• Термин PWA появился в 2016 году благодаря докладу Максима Юзова на Standard Days в Минске.  

• PWA должно быть отзывчивым, работать в оффлайн режиме, выглядеть как нативное приложение и быть обновляемым.  

• Apple имеет альтернативное видение PWA, что создает проблемы для развития технологии.  

• На Android PWA можно установить через браузер, что позволяет пользователям устанавливать приложения без необходимости скачивать их из App Store.  

• Для установки PWA требуется, чтобы пользователь провел на странице более 30 секунд и использовал сервис worker.  

• PWA позволяет использовать все возможности браузера, что дает гибкость в разработке.  

• PWA проще в дистрибуции и обновлении по сравнению с нативными приложениями.  

• Проект Fugu предлагает стандарты для интеграции PWA с операционными системами, что делает их более универсальными.  

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

• Европейский союз рассматривает антимонопольные меры против Apple, что может способствовать развитию PWA.  

• Вендерные Локи могут стать прецедентом для будущего.  

• Суд может занять несколько лет, но Chromium для iOS уже доступен.  

• Firefox также имеет сборку для iOS, которую можно установить с помощью экс-кода.  

• Крупные бренды, такие как Spotify, имеют как нативные, так и ПВА приложения.  

• ПВА приложения могут работать в оффлайн режиме и выполнять различные задачи.  

• Примеры ПВА приложений: Skush, Excalidraw, SVG-код.  

• Автор создал ПВА приложение для работы с токенами и диаграммами.  

• Приложение работает в браузере и может быть установлено через кнопку "Install".  

• Манифест ПВА приложения позволяет скрыть кнопку установки и настроить его внешний вид.  

• Манифест ПВА приложения должен указывать платформу и URL.  

• Можно использовать нативные приложения, связывая их с ПВА.  

• Важно правильно указать размеры и форм-фактор скриншотов для корректной установки.  

• ПВА приложения могут получать файлы через POST-запросы.  

• Для обработки запросов используется сервис воркер.  

• Важно проверять, действительно ли запрос соответствует указанному URL и типу.  

• Сервис воркер обрабатывает запросы и проверяет их соответствие манифесту.  

• Кэширование изображений помогает избежать повторных загрузок.  

• Редирект используется для предотвращения повторных запросов при обновлении страницы.  

• Шеринг работает на мобильных устройствах, где сервис-воркеры требуют особого подхода.  

• Для работы шеринга нужно, чтобы пользователь кликнул на страницу.  

• Проверка наличия метода canShare у браузера и подготовка бинарника для шеринга.  

• Асинхронный буфер обмена позволяет работать с изображениями.  

• Для чтения изображений из старого буфера обмена нужно использовать синхронный метод NavigatorClipboardRead.  

• Работа с файлами и нативность в PWA.  

• PWA может выглядеть нативно благодаря манифесту.  

• Использование переменных окружения для работы с элементами управления.  

• Возможность двигать приложения в режиме Windows Control.  

• Поддержка метода ShowOpenFilePicker для выбора файлов.  

• Обработка асинхронных методов и разрешение пользователя.  

• Возможность запуска PWA на старте операционной системы.  

• Использование ColorPicker для работы с цветами.  

• Возможность добавления кастомных функций для работы с цветами.  

• Обработка пользовательского взаимодействия.  

• Возможность создания собственных протоколов для обработки ссылок.  

• Настройка URL-handlers для открытия приложений.  

• Использование шорткатов для быстрого доступа к функциям.  

• Открытие файлов с помощью PWA.  

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

• Обработка различных типов файлов, таких как видео и аудио.  

• Приложение может открывать файлы через Launch Q.  

• Для обработки файлов используется поле "файл" в Launch Params.  

• В Windows также работает, но требует фидбэка.  

• Приложение может работать с файловой системой через JavaScript.  

• Это позволяет создавать внутреннюю файловую систему в браузере.  

• Пример: Photoshop Online работает с файловой системой.  

• Приложение может работать с локальными шрифтами без загрузки из сети.  

• В Windows вызывается метод queryLocalFonts для запроса доступа к шрифтам.  

• Шрифты загружаются мгновенно и не требуют сети.  

• Приложение может динамически формировать шорткоды.  

• Манифест приложения статичен и обновляется при установке.  

• Плагины работают отдельно от приложения, но могут быть связаны через шину данных.  

• Приложение может работать с файловой системой напрямую, обходя ограничения браузера.  

• Можно запросить больше места для работы с файлами через JavaScript или манифест.  

• Приложение генерирует токены и использует кастомные бордеры.  

• Приложение генерирует токены и использует кастомные бордеры.  

• Ограничения на работу с файлами такие же, как у браузера.  

• Приложение привязано к браузеру и удаляется вместе с ним.  

• PWA изолирована от операционной системы, что предотвращает влияние на неё.  

• Пользователь должен разрешить доступ к файловой системе для работы с ней.  

• Доступ к файловой системе возможен только при взаимодействии с пользователем.  

• Пользователь должен дать разрешение на доступ к файловой системе.  

• PWA не может удалять системные папки без разрешения пользователя.  

• Вопрос о возможности удаления всей файловой системы Windows остаётся открытым.  

• PWA позволяет работать с большими файлами, такими как PSD-файлы.  

• Файловая система обеспечивает стабильность и безопасность хранения данных.  

• PWA не требует кэширования, что упрощает работу с большими файлами.  

• Обновления PWA требуют особого подхода и использования Workbox.  

• Важно правильно настроить сервис-воркеры для корректного обновления.  

• Неправильное обновление может привести к невозможности обновления в будущем.  

• PWA проходит строгий процесс проверки безопасности.  

• Firefox и Safari не поддерживают PWA из-за безопасности.  

• Google активно внедряет PWA, но также контролирует доступ к файловой системе.  

• PWA может быть полноценной заменой нативных приложений.  

• Безопасность PWA улучшается с каждым годом.  

• PWA могут быть стабильными и безопасными, если правильно разработаны и обновлены.