Чат на Firebase Realtime Database: структура, безпека, пагінація

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1734 послуг
Чат на Firebase Realtime Database: структура, безпека, пагінація
Середній
~3-5 днів

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    743
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    562

Основи проектування чату на Firebase

Firebase Realtime Database надає WebSocket-з'єднання з коробки, миттєву синхронізацію та простий SDK — це реальні переваги для прототипу або невеликого чату. Але при зростанні навантаження або ускладненні функціоналу виникають вузькі місця, яких можна уникнути правильною структурою даних з першого дня. На основі нашого досвіду (реалізовано 50+ проєктів) ми гарантуємо: грамотно спроектована схема економить тижні налагодження та знижує трафік у 2 рази (на 50%) порівняно з пласкою структурою. Інтеграція займає 3–6 днів, вартість від $500.

Найдорожча помилка — пласка структура з вкладеними повідомленнями в об'єкт чату. Коли в діалозі 10 000 повідомлень, кожен childEventListener на кореневий вузол завантажує все дерево. На Android це призводить до OutOfMemoryError, на iOS — до помітного лагу при відкритті старого чату. Правильна структура вирішує проблему: розділяйте метадані, повідомлення та прив'язки користувачів. Такий підхід скорочує час завантаження на 60% для чатів з понад 500 повідомленнями.

Правильна структура:

/chats/{chatId}/
  metadata: { title, lastMessage, updatedAt }
  members: { userId1: true, userId2: true }

/messages/{chatId}/{messageId}/
  text, senderId, timestamp, status

/userChats/{userId}/{chatId}: true

Як структурувати дані?

Розділення метаданих чату та повідомлень дозволяє підписуватися на список чатів користувача (/userChats/{userId}) без завантаження всієї історії. Повідомлення завантажуються окремо з пагінацією через limitToLast(50). У проєктах з тисячами повідомлень це знижує витрати трафіку на 40%. Для кожного повідомлення зберігайте статус (sent, delivered, read) — це спрощує реалізацію індикаторів доставки.

Чому важлива пагінація?

Суміщення початкового завантаження через limitToLast та live-підписки на нові повідомлення — нетривіальна задача. Стандартний підхід:

  1. Завантажуємо останні 50 повідомлень: orderByChild("timestamp").limitToLast(50).
  2. Запам'ятовуємо timestamp найстарішого повідомлення з набору.
  3. Live-підписка на нові повідомлення після поточного моменту: startAt(currentTimestamp).
  4. Для завантаження історії вгору: endAt(oldestTimestamp).limitToLast(50) — новий одноразовий запит.

На Android SDK:

val query = database.child("messages").child(chatId)
    .orderByChild("timestamp")
    .startAt(System.currentTimeMillis().toDouble())

query.addChildEventListener(object : ChildEventListener {
    override fun onChildAdded(snapshot: DataSnapshot, previousChildName: String?) {
        val message = snapshot.getValue(Message::class.java) ?: return
        // додаємо до списку
    }
    // ...
})

На iOS аналогічно з observe(.childAdded, startingAt:). Обов'язково налаштуйте офлайн-persistence: за замовчуванням вона включена, але для чатів з частими оновленнями використовуйте keepSynced(true) на вузлах, щоб уникнути завантаження зайвих даних. Це скорочує трафік ще на 30%.

Правила безпеки

Firebase Security Rules — обов'язкова частина, яку часто відкладають. Без правильних rules база відкрита. Мінімальний набір для чату:

{
  "rules": {
    "messages": {
      "$chatId": {
        ".read": "auth != null && root.child('chats').child($chatId).child('members').child(auth.uid).exists()",
        ".write": "auth != null && root.child('chats').child($chatId).child('members').child(auth.uid).exists()"
      }
    }
  }
}

Тестуйте правила через Firebase Rules Playground до деплою в продакшн. Додатково додайте перевірку на довжину повідомлення та обмеження частоти відправки (наприклад, не більше одного повідомлення на секунду).

Що обрати: Realtime Database чи Firestore?

Firebase Realtime Database вдвічі швидше записує дані, ніж Firestore: затримка менше 10 мс проти ~20 мс. Однак Firestore підтримує складені запити та автоматичне масштабування. Для простого чату один-на-один або групового без складної логіки Realtime Database — оптимальний вибір: він простіше в інтеграції та забезпечує миттєві оновлення. Якщо ж потрібен пошук за текстом або складні фільтри — краще Firestore.

Характеристика Realtime Database Firestore
Затримка запису <10 мс ~20 мс
Складені запити Ні Так
Макс. одночасних підключень 100 000 1 000 000+
Автоматичне масштабування Ні Так
Офлайн-підтримка Так (кеш) Так (кеш + транзакції)

Етапи та строки

Процес інтеграції включає кілька етапів:

Етап Тривалість
Аналіз вимог та проектування схеми 1 день
Реалізація SDK-інтеграції з пагінацією 2–3 дні
Налаштування Security Rules 0.5 дня
Тестування та налагодження 1 день
Деплой та документація 0.5 дня

Строки: від 3 до 6 днів для базового чату, до 10 днів з розширеними фічами (online-статуси, індикатори набору, голосові повідомлення).

Додаткова порада щодо офлайн-кешу Для вузла повідомлень достатньо стандартного кешу — підвантаження історії все одно потребує окремого запиту. Це знижує трафік на 30% та запобігає зайвим читанням. На Android використовуйте `keepSynced(true)` тільки для списку чатів.

Офіційний посібник рекомендує розділяти дані на колекції для оптимізації завантаження.

Що входить в роботу під ключ

Проектуємо схему даних під ваш тип чату, реалізуємо SDK-інтеграцію (Android/iOS/Flutter), налаштовуємо пагінацію та live-оновлення, пишемо Security Rules, підключаємо офлайн-persistence. Додатково інтегруємо push-сповіщення через FCM з кастомними каналами та статусами доставки. Зв'яжіться з нами для попередньої оцінки проєкту — ми проаналізуємо ваші вимоги та запропонуємо оптимальне рішення. 5+ років досвіду, 50+ реалізованих проєктів — наш досвід гарантує надійність. Вартість від $500.

Інтеграція API в мобільний додаток: з чого почати

Запит йде, відповідь не приходить, timeout — 30 секунд. Користувач дивиться на спінер. Мережі немає — мобільна карта в метро. Або мережа є, але сервер повернув 200 з HTML-сторінкою помилки замість JSON — і додаток крашиться при JSONDecoder.decode(). Ми бачимо такі кейси на кожному другому проєкті. Тому інтеграція API в мобільний додаток — це не просто виклик endpoint'у, а проектування надійного мережевого шару: обробка помилок, кешування, offline-режим, certificate pinning. Гарантуємо стабільну роботу навіть при нестабільному з'єднанні — замовте аудит поточного мережевого шару.

Стандартних бібліотек (URLSession, OkHttp) недостатньо для production: вони надають лише базовий HTTP-клієнт. Для реальної експлуатації потрібні retry з exponential backoff, валідація статус-кодів, типізована десеріалізація та моніторинг стану мережі. Без цього додаток втрачає дані та користувачів. Ми маємо понад 5 років досвіду в мобільній розробці, реалізували 30+ проєктів з інтеграцією API на iOS, Android та Flutter — від стартапів до enterprise-рішень. Сертифіковані iOS/Android розробники гарантують якість коду.

Як вибрати протокол для інтеграції API?

Протокол Розмір відповіді Швидкість парсингу Кешування Підходить для
REST великий (фіксована структура) середня HTTP-кеш + локальне CRUD, типові екрани
GraphQL мінімальний (тільки потрібні поля) середня (нормалізований кеш) in-memory кеш (Apollo) складні UI з різними вибірками
gRPC мінімальний (protobuf) висока на рівні стрімів high-load, real-time, IoT
WebSocket — (бінарний/текст) вручну чати, котирування, синхронізація

REST залишається стандартом для більшості проєктів. Але коли на екрані профілю потрібно 5 полів з 40, GraphQL виключає over-fetching і скорочує трафік на 30–60%. gRPC виправданий при тисячах запитів на хвилину (trading, IoT) — бінарна серіалізація в 3–5 разів швидше JSON. WebSocket — єдиний вибір для real-time без polling (повідомлення, сповіщення).

Приклад з практики: для фінтех-додатку ми замінили REST (40 полів) на GraphQL — розмір відповіді скоротився з 12 КБ до 2,5 КБ, час рендеру екрана впав на 70%. Економія трафіку була значною при 100 000 активних користувачів.

Як забезпечити надійність з'єднання та offline-first?

Користувачі втрачають мережу в метро, ліфті, тунелі. Мобільний додаток зобов'язаний працювати без інтернету — хоча б у read-only режимі. Ми впроваджуємо патерн offline-first:

  1. При відкритті екрану спочатку показуємо дані з локального кешу (Core Data / Room).
  2. Паралельно виконуємо мережевий запит, оновлюємо UI після відповіді.
  3. Якщо мережа недоступна — показуємо кешовані дані та позначку «немає з'єднання».
  4. При відновленні мережі автоматично синхронізуємо зміни.

Для кешування HTTP-відповідей використовуємо URLCache (iOS) та OkHttp Cache (Android) з підтримкою Cache-Control. Для структурованих даних — SwiftData / Room. NWPathMonitor / ConnectivityManager.NetworkCallback відстежують стан мережі та тригерять оновлення. Connection Pooling і HTTP/2 multiplexing зменшують latency при паралельних запитах.

REST та вибір клієнтської бібліотеки

Alamofire (iOS) — де-факто стандарт для Swift-проєктів. Поверх URLSession додає request chaining, response validation, automatic retry, certificate pinning через ServerTrustManager. AF.request() з .validate() повертає помилку для будь-якого статус-коду поза 200–299. Без .validate() Alamofire вважає 404 та 500 успішними відповідями. З Swift Concurrency — async-версія через serializingDecodable.

Retrofit (Android) — анотаційний HTTP-клієнт поверх OkHttp. Інтерфейс з анотаціями компілюється в реалізацію. @GET, @POST, @Path, @Query, @Body — декларативний опис API. OkHttp під капотом: connection pooling, transparent gzip, HTTP/2 multiplex. HttpLoggingInterceptor — логування в debug-збірці. Authenticator — автоматичний refresh токена при 401. Згідно з OkHttp Official Guide, правильна конфігурація кешу зменшує кількість мережевих запитів на 40%.

Ktor (KMM/Flutter) — мультиплатформний HTTP-клієнт. На iOS працює через Darwin engine (URLSession), на Android — через OkHttp. Єдиний код для обох платформ при KMM-архітектурі.

GraphQL: коли REST не справляється

REST повертає фіксовану структуру. Екран профілю вимагає name, avatar, email — сервер віддає 40 полів. Over-fetching. GraphQL вирішує це: клієнт запитує рівно потрібні поля. Це критично для мобайлу, де трафік і час парсингу — реальні обмеження. Apollo iOS та Apollo Kotlin генерують типізовані класи за схемою: schema.graphql + query-файли → строгі типи на етапі компіляції. Subscriptions через WebSocket — real-time без polling. Обмеження: GraphQL складніше кешувати на рівні HTTP. Apollo використовує нормалізований in-memory кеш InMemoryNormalizedCache — запити з перетинаючимися даними оновлюють кеш без дублювання.

WebSocket: real-time без зайвого трафіку

Polling (setInterval кожні 5 секунд) — витрата батареї та трафіку. WebSocket — постійне двоспрямоване з'єднання. iOS: URLSessionWebSocketTask (нативний, iOS 13+). Android: OkHttp WebSocket. Обов'язкова обробка reconnect: при onFailure — експоненційний backoff (1с → 2с → 4с → 8с → максимум 60с). Socket.IO — надбудова з автоматичним reconnect, але для нових проєктів краще нативний WebSocket (менше залежностей). TLS 1.3 забезпечує безпеку з'єднання.

Чому важливий certificate pinning?

Корпоративний проксі може перехопити HTTPS через підміну сертифіката. Certificate pinning запобігає цьому: додаток приймає тільки конкретний сертифікат або публічний ключ. Alamofire: ServerTrustManager з PinnedCertificatesTrustEvaluator. OkHttp: CertificatePinner з SHA-256 хешем. Операційна складність: при ротації сертифіката старі версії додатку перестають працювати. Рішення — pinning на публічний ключ CA або підтримка кількох пінів з grace period. Правильне впровадження pinning гарантує захист від MITM-атак.

Що входить у роботу

Етап Тривалість Результат
Аналіз API та вимог 1–2 дні Специфікація ендпоінтів, вибір протоколу, схема кешування
Реалізація мережевого шару 3–5 днів Клієнтська бібліотека, обробка помилок, retry, pinning
Offline-режим та кешування 2–3 дні Локальне сховище, offline-first патерн
Інтеграція та тестування 2–3 дні Юніт-тести (URLProtocol/OkHttp MockWebServer), UI-тести
Деплой та документація 1 день CI/CD, доступи до сторів, README для команди
Гарантія на підтримку 2 тижні Супровід після здачі, консультації

Ми передаємо: вихідний код мережевого шару, документацію по використовуваних бібліотеках, інструкцію з ротації сертифікатів, підтримку протягом 2 тижнів після здачі.

Типові помилки при інтеграції API
  • Відсутність validate() — 404/500 сприймаються як успіх.
  • Жорсткий timeout без retry — втрата даних при короткочасних збоях.
  • Відсутність offline-кешу — додаток безглуздий без мережі.
  • Ігнорування certificate pinning — вразливість до MITM.
  • Over-fetching через REST — зайвий трафік і час парсингу.

Терміни та вартість

Реалізація мережевого шару з REST, retry, кешуванням та offline-режимом — 1–2 тижні. Додавання GraphQL або WebSocket — ще 1–2 тижні. gRPC — 2–3 тижні, включаючи кодогенерацію. Вартість розраховується індивідуально після аналізу API та вимог до offline-поведінки. Оцінимо проєкт за 1 день — зв'яжіться з нами для консультації. Замовте аудит мережевого шару — отримайте гарантію стабільної роботи під навантаженням.