Vibee Web — доступность без границ: полноценный мессенджер прямо в браузере

Vibee Web — доступность без границ: полноценный мессенджер прямо в браузере

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

Почему это важно
Мгновенный доступ из браузера — без установки и обновлений.
Единый интерфейс на компьютере и в браузере — пользователи не теряют привычной навигации и визуального стиля.
Поддержка PWA и офлайн-режима делает Vibee Web удобным и надёжным инструментом в условиях плохого соединения.

Технологический фундамент
Vibee Web реализован на проверенных и современных технологиях:

React 18 + TypeScript — интерактивный, типобезопасный UI.
Redux Toolkit — предсказуемое управление состоянием.
Vite — быстрая разработка и оптимизированная сборка.
WebSocket (Socket.IO) — realtime-обновления.
IndexedDB — локальное кэширование и офлайн-доступ.
PWA (manifest + Service Worker) — установка как приложение и push-уведомления.

Ключевые возможности
Полнофункциональный мессенджер: аутентификация (OAuth / email), сервера (вайбы), текстовые каналы, личные сообщения, отправка файлов и медиа, реакции, редактирование и удаление сообщений.
Единый дизайн: те же цвета, иконки и структура интерфейса, что и в десктоп-версии.
Адаптивность и PWA: корректная работа на любых экранах, установка как нативное приложение, офлайн-кэширование.
Производительность: code-splitting, виртуализация списков, умное кэширование последних сообщений.

Безопасность и приватность
Только HTTPS.
HttpOnly cookies для refresh-токенов; access-токены хранятся в памяти.
Строгие CORS-настройки и rate limiting.
Те же API endpoints и механизмы авторизации (OAuth 2.0), что и у десктопного клиента.

Архитектура и интеграция
REST API — получение данных и выполнение операций.
WebSocket — realtime-события: новые сообщения, редактирование, удаление, статусы пользователей и typing-indicators.
OAuth 2.0 — полноценный flow для сторонних приложений.
Пример WebSocket-событий в клиенте:

javascript
> socket.on('message:new', data => { / новое сообщение / });
> socket.on('message:edited', data => { / обновление / });
> socket.on('message:deleted', data => { / удаление / });
> socket.on('user:status_update', data => { / статус / });

Оффлайн и кэширование
IndexedDB хранит последние 50 сообщений по каналу, список каналов и серверов.
Автосинхронизация при восстановлении соединения.
Service Worker обеспечивает фоновые задачи и поддержку офлайн-режима.

API документация — удобство для разработчиков
Мы полностью переработали документацию API: современный интерфейс, поиск по endpoint’ам, подсветка кода и готовые примеры на JavaScript, Python и cURL. Документация охватывает:
OAuth 2.0 и cookie-based auth.
Управление вайбами и каналами.
Полный набор методов для работы с сообщениями, медиа и файлами.
WebSocket-события и типизация.
Инструкции по созданию OAuth-приложений и работе с API-ключами (заголовок X-API-Key или Authorization: Bearer).

Web Vibee
Web Vibee

Планы развития
Мы продолжаем активно развивать Vibee Web и API:

Реализация голосовых каналов и видеозвонков (WebRTC).
Расширенные реакции и упоминания.
Push-уведомления и дополнительные настройки приватности.
SDK для популярных языков и возможный GraphQL API.

Для кого это
Для пользователей, которым важно быстро и просто подключиться к чату без установки.
Для разработчиков, интегрирующих боты и сторонние сервисы через удобную и понятную API.
Для команд и сообществ, которым нужен единый и масштабируемый инструмент общения.

Начать сейчас
Веб-версия: https://web.vibee.ru
API документация: https://api.vibee.ru
Блог и новости: https://vibeeblog.ru
Если у вас есть идеи или предложения — пишите в поддержку или присоединяйтесь к сообществу. Мы рады вашему фидбеку и продолжаем улучшать Vibee для вас.

Другие новости