Веб-приложения — страница 2

PWA, Mini Apps, расширения, совместная работа, карты, медиа и документы.

Темы раздела

Материалы

• HTTP-каркас чата поддержки

  Раздать страницу и создать локальную сессию через HTTP.

• Переключение HTTP на WebSocket

  Проверить Origin и сессию до handleUpgrade.

• Состояния браузерного WebSocket

  Связать форму с открытием и закрытием соединения.

• Проверка входящих сообщений

  Отделить допустимую команду от произвольного JSON.

• Комнаты обращений

  Направить сообщение только участникам выбранной комнаты.

• Права участника обращения

  Проверять доступ к комнате на каждой команде.

• Идентификатор команды и подтверждение

  Связать отправку с серверным подтверждением принятия.

• Журнал сообщений и история комнаты

  Сохранить ограниченный журнал и вернуть его при входе.

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

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

• Переподключение и восстановление истории

  Продолжить журнал по эпохе и курсору после разрыва.

• Присутствие и проверка живого соединения

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

• Уведомления через Server-Sent Events

  Передать одностороннее уведомление отдельным HTTP-потоком.

• Медленный клиент и пределы буфера

  Ограничить накопление данных и частоту команд.

• Доступный интерфейс переписки

  Сделать состояния, журнал и управление понятными с клавиатуры.

• Остановка чата и границы сопровождения

  Закрыть потоки и сформулировать контракт учебного сервера.

• Расширение Chrome: «Заметки читателя»

  Двенадцать уроков Manifest V3 от локального popup до проверенных сообщений и переноса собственных заметок.

• Manifest V3 и устройство расширения

  Описать Chrome-расширение и различать его страницы, worker и код вкладки.

• Popup: ввод заметки и безопасный вывод

  Связать поле и кнопку с DOM-событием, не превращая текст в HTML.

• Service worker и краткая жизнь фонового контекста

  Передать событие worker и отделить его время жизни от постоянного состояния.

• Чтение выделения по действию пользователя

  Получить название, адрес и цитату через activeTab и изолированный content script.

• Проверка сообщений между контекстами

  Принимать только известную команду своего popup и нормализовать её данные.

• Локальное хранилище и состояние после остановки worker

  Сохранять проверенные заметки отдельными ключами и читать их при новом открытии.

• Страница настроек и начальный текст заметки

  Хранить пользовательскую настройку отдельно и применять её к новому popup.

• Экспорт собственных заметок в JSON

  Получить записи из worker и создать локальный файл с версией формата.