Приложение и офлайн

Приложение и офлайн

Кратко
Открыть .mdСпросить ChatGPTСпросить Claude

Кабинет tuk-tuk.online является Progressive Web App: устанавливается из браузера на компьютер, Android и iPhone, присылает push-уведомления, открывается и работает без интернета за счёт Service Worker, кеша данных и очереди действий.

  • Установка: открыть https://lk.tuk-tuk.online и нажать «Установить» в браузере; магазин приложений не нужен.
  • Кеш данных на устройстве: до 25 МБ (IndexedDB). Действия без сети копятся в очереди и уходят на сервер после восстановления связи.
  • Push-уведомления о новых сообщениях работают в Chrome, Edge, Firefox, на Android и в Safari (iOS 16.4+ только после установки на экран Домой).
  • Файлы интерфейса кешируются Service Worker, обновления применяются в фоне при следующем открытии.
УстановкаОфлайн-режимPush-уведомленияСкорость и кешУведомления
На этой странице

Кабинет tuk-tuk.online: Progressive Web App. Его можно поставить на компьютер и телефон как обычное приложение, минуя магазин: иконка на рабочем столе, отдельное окно, push-уведомления, работа без интернета.

Скачивать ничего не нужно: открываете https://lk.tuk-tuk.online, нажимаете «Установить».

#Что даёт PWA

Диалоги на телефоне
Список диалогов на экране 390 px.
Переписка на телефоне
Открытый диалог: переписка и панель ответа.
ВозможностьОбычный сайтtuk-tuk как PWA
Иконка на рабочем столеНетДа
Push-уведомленияНетДа
Работа без интернетаНетДа
Загрузка интерфейсаС сервера при каждом открытииИз кеша, сразу
ОбновлениеНе применимоАвтоматически, в фоне
Установка из магазинаНе применимоНе нужна

#Как это устроено

Задачи на телефоне
Доска задач на экране 390 px.
Календарь на телефоне
Календарь и запись на телефоне.
Каналы связи на телефоне
Подключение каналов работает и с телефона.
text
  ┌──────────────────────────────────────────────────┐
  │            Ваш браузер / PWA                     │
  │                                                  │
  │  ┌──────────┐  ┌───────────┐  ┌──────────────┐  │
  │  │ Интерфейс│  │ Кеш данных│  │ Очередь      │  │
  │  │ (React)  │  │ (25 МБ)   │  │ офлайн-      │  │
  │  │          │  │           │  │ действий     │  │
  │  └────┬─────┘  └─────┬─────┘  └──────┬───────┘  │
  │       │              │               │           │
  │  ┌────┴──────────────┴───────────────┴────────┐  │
  │  │         Service Worker (фоновый скрипт)     │  │
  │  └─────────────────────┬──────────────────────┘  │
  └────────────────────────┼─────────────────────────┘
                           │
                    Интернет (когда есть)
                           │
                    ┌──────┴──────┐
                    │   Сервер    │
                    │ tuk-tuk.online│
                    └─────────────┘
КомпонентРоль
ИнтерфейсТо, что вы видите на экране
Кеш данныхКопия данных на устройстве (диалоги, контакты и другое), до 25 МБ
Очередь действийДействия, сделанные без интернета, ждут отправки на сервер
Service WorkerФоновый скрипт браузера, управляет кешем и очередью

#Разделы

СтраницаО чём
УстановкаКак поставить на компьютер, Android и iPhone, как удалить
Офлайн-режимКеш данных, очередь действий, оптимистичные ответы
Push-уведомленияКак включить, что приходит, совместимость
Скорость и кешСтратегии кеширования, обновление, очистка