---
title: "Приложение tuk-tuk.online (PWA): установка, офлайн, push"
nav_title: "Приложение и офлайн"
url: https://docs.tuk-tuk.online/pwa
markdown: https://docs.tuk-tuk.online/pwa.md
description: "Кабинет tuk-tuk.online работает как Progressive Web App: установка на компьютер и телефон без магазина, push-уведомления, работа без интернета, кеш данных и очередь действий."
keywords: ["PWA", "Progressive Web App", "офлайн режим", "установка приложения", "push уведомления", "работа без интернета", "кеширование", "мгновенный интерфейс", "оптимистичные ответы"]
lang: ru
product: tuk-tuk.online
app: https://lk.tuk-tuk.online
api_base: https://back.tuk-tuk.online
---

> [!AI] Кратко
> Кабинет 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, обновления применяются в фоне при следующем открытии.
>
> Связанные страницы: https://docs.tuk-tuk.online/pwa/install, https://docs.tuk-tuk.online/pwa/offline, https://docs.tuk-tuk.online/pwa/push, https://docs.tuk-tuk.online/pwa/caching, https://docs.tuk-tuk.online/dialogs/notifications

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

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

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

## Что даёт PWA


![Диалоги на телефоне](https://docs.tuk-tuk.online/assets/screens/mobile/dialogs.webp "Список диалогов на экране 390 px.")


![Переписка на телефоне](https://docs.tuk-tuk.online/assets/screens/mobile/dialog-open.webp "Открытый диалог: переписка и панель ответа.")

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

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


![Задачи на телефоне](https://docs.tuk-tuk.online/assets/screens/mobile/tasks.webp "Доска задач на экране 390 px.")


![Календарь на телефоне](https://docs.tuk-tuk.online/assets/screens/mobile/calendar.webp "Календарь и запись на телефоне.")


![Каналы связи на телефоне](https://docs.tuk-tuk.online/assets/screens/mobile/channels.webp "Подключение каналов работает и с телефона.")

```text
  ┌──────────────────────────────────────────────────┐
  │            Ваш браузер / PWA                     │
  │                                                  │
  │  ┌──────────┐  ┌───────────┐  ┌──────────────┐  │
  │  │ Интерфейс│  │ Кеш данных│  │ Очередь      │  │
  │  │ (React)  │  │ (25 МБ)   │  │ офлайн-      │  │
  │  │          │  │           │  │ действий     │  │
  │  └────┬─────┘  └─────┬─────┘  └──────┬───────┘  │
  │       │              │               │           │
  │  ┌────┴──────────────┴───────────────┴────────┐  │
  │  │         Service Worker (фоновый скрипт)     │  │
  │  └─────────────────────┬──────────────────────┘  │
  └────────────────────────┼─────────────────────────┘
                           │
                    Интернет (когда есть)
                           │
                    ┌──────┴──────┐
                    │   Сервер    │
                    │ tuk-tuk.online│
                    └─────────────┘
```

| Компонент | Роль |
|---|---|
| Интерфейс | То, что вы видите на экране |
| Кеш данных | Копия данных на устройстве (диалоги, контакты и другое), до 25 МБ |
| Очередь действий | Действия, сделанные без интернета, ждут отправки на сервер |
| Service Worker | Фоновый скрипт браузера, управляет кешем и очередью |

## Разделы

| Страница | О чём |
|---|---|
| [Установка](https://docs.tuk-tuk.online/pwa/install) | Как поставить на компьютер, Android и iPhone, как удалить |
| [Офлайн-режим](https://docs.tuk-tuk.online/pwa/offline) | Кеш данных, очередь действий, оптимистичные ответы |
| [Push-уведомления](https://docs.tuk-tuk.online/pwa/push) | Как включить, что приходит, совместимость |
| [Скорость и кеш](https://docs.tuk-tuk.online/pwa/caching) | Стратегии кеширования, обновление, очистка |