Розробка мобільного застосунку для читання електронних книг

Розробка мобільного застосунку для читання електронних книг

Зробити просту читалку, яка відкриває EPUB — завдання на тиждень. Зробити читалку, якою приємно користуватися — зовсім інша історія. Плавний скрол довгих глав, коректний рендеринг CSS з EPUB3, синхронізація позиції читання між пристроями, нічний режим без артефактів — кожна з цих деталей вимагає окремих рішень. Наприклад, для коректної роботи кастомних шрифтів з EPUB3 потрібно нормалізувати шляхи в CSS, а для синхронізації — реалізувати вирішення конфліктів за timestamp.

Правильний вибір стеку рендерингу та синхронізації економить до 60% часу на налагодження. Ми використовуємо Readium Toolkit — перевірену бібліотеку, яка лягла в основу найбільших читалок (Літрес, Storytel). Цей вибір дозволяє нам гарантувати стабільну роботу з EPUB 2/3, PDF та аудіокнигами, а також вбудовану підтримку LCP DRM. Завдяки досвіду понад 10 проєктів читалок ми готові запропонувати оптимальну архітектуру.

Формати та рендеринг

Основні формати: EPUB 2/3, PDF, FB2. MOBI та AZW3 — на запит.

Чому Readium — найкращий вибір для рендерингу EPUB?

EPUB — це ZIP-архів із HTML/CSS/XML всередині. Рендерити його нативними засобами не вийде без проміжного шару. Readium — де-факто стандарт для мобільних читалок з відкритим кодом. Він підтримує EPUB 2/3, PDF, аудіокниги та LCP DRM. Readium Swift Toolkit (iOS) та Readium Kotlin Toolkit (Android) — це те, що використовують Бібліотека Літрес, Storytel та багато інших. Readium рендерить EPUB через вбудований WKWebView / WebView з ін'єкцією свого JavaScript-движка. Це дає повну підтримку CSS з книги, включаючи кастомні шрифти та складну типографіку.

// iOS — відкриття книги через Readium
let publication = try await streamer.open(asset: bookAsset, allowUserInteraction: false)
let navigator = try EPUBNavigatorViewController(
    publication: publication,
    config: .init(
        editingActions: EditingAction.defaultActions,
        fontOverrides: userSettings.fontOverrides
    )
)

Порівняння швидкості: Readium рендерить EPUB у 2 рази швидше, ніж самописний WebView-парсер на CSS-ін'єкції без оптимізацій.

Як обробляти PDF та FB2?

На iOS — PDFKit (нативно, швидко, підтримує анотації). На Android — PdfRenderer (вбудований, але базовий) або PdfiumAndroid для складних документів із векторною графікою. Для FB2 застосовується власний парсер XML з рендерингом через TextView (Android) / AttributedString (iOS). Або конвертація в EPUB на сервері чи пристрої через fb2c або Calibre-подібну логіку.

Користувацькі налаштування читання

Шрифт, розмір, міжрядковий інтервал, відступи, тема (світла/темна/сепія) — зберігаються локально в UserDefaults / SharedPreferences та застосовуються через CSS-ін'єкцію в Readium:

val preferences = EPUBPreferences(
    fontFamily = FontFamily.GEORGIA,
    fontSize = Percentage(1.2),
    lineHeight = Double(1.5),
    theme = Theme.SEPIA
)
navigator.submitPreferences(preferences)

Важливий момент: тема застосунку та тема рідера — різні речі. Якщо користувач читає в темному режимі, але перемикає систему на світлу — читалка не повинна автоматично змінювати тему. Налаштування рідера незалежні від системних.

Прогрес та закладки

Поточна позиція читання — Locator в термінології Readium. Це об'єкт з href (шлях до глави), progression (0.0–1.0 всередині глави) та текстовим фрагментом для точного відновлення позиції після оновлення книги.

Закладки, анотації, виділення — зберігаються в Room / Core Data як Annotation(bookId, locator, text, color, note).

Як синхронізувати прогрес між пристроями?

Якщо потрібна синхронізація — позиція та анотації йдуть на сервер при кожній зміні. WorkManager / BGTaskScheduler надсилає накопичені зміни при появі мережі. Конфлікти вирішуються за timestamp: перемагає пізніша позиція. Readium підтримує OPDS Annotations — якщо сервер це підтримує, синхронізація майже безкоштовна.

Ми гарантуємо, що синхронізація не викличе втрату даних: тестуємо на 10+ пристроях одночасно.

Бібліотека книг та завантаження

Книги зберігаються в Files (iOS) / filesDir (Android) — не в cacheDir, інакше ОС видалить їх при нестачі місця. На iOS з iOS 16+ можна використовувати FileManager з ubiquityContainerIdentifier для iCloud-синхронізації файлів.

Завантаження через URLSession.downloadTask (iOS) / DownloadManager (Android) з відновленням (resumeData). Прогрес відображається в бібліотеці. Пошук по вмісту книги (full-text search всередині EPUB) — через індексацію тексту всіх глав у FTS4/FTS5 таблицю Room.

Типові проблеми та їх вирішення

Кастомні шрифти з EPUB3 (@font-face) не завантажуються, якщо шлях у CSS вказано з ../Fonts/ — потрібна нормалізація шляхів. WKWebView на iOS обрізає довгі сторінки, якщо увімкнено isScrollEnabled = false — вимагається правильна конфігурація пагінації. PDF з embedded CJK-шрифтами на PdfRenderer Android дає артефакти рендерингу, тому ми використовуємо Pdfium. Для кожного кейсу підготовлені внутрішні утиліти: нормалізатор шляхів CSS, автоматична конфігурація пагінації WKWebView та детектор CJK-шрифтів для перемикання на Pdfium.

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

• Архітектура застосунку та вибір стеку рендерингу.
• UI/UX з адаптацією під iOS та Android.
• Інтеграція Readium Toolkit для EPUB/PDF та парсер FB2.
• Налаштування синхронізації прогресу та анотацій через сервер.
• Реалізація користувацьких налаштувань читання (шрифт, тема, відступи).
• Тестування на фізичних пристроях (не менше 10 моделей).
• Документація по API та збірці, передача вихідних кодів та доступів.
• 6 місяців безкоштовної підтримки після релізу.

Терміни розробки

Вартість розраховується після визначення набору форматів та вимог до синхронізації. Отримайте консультацію — ми підберемо оптимальне рішення. Замовте розробку читалки з гарантією якості: ми надаємо 6 місяців безкоштовної підтримки після релізу.

Як вибрати рішення для локального зберігання даних (Room, Core Data, Realm, Isar)?

Ми стикалися з ситуацією, коли додаток втрачає дані при втраті мережі — і це не просто баг, це провал сценарію. Користувач заповнив форму, натиснув «Відправити», отримав таймаут і втратив все. Або гірше: дані відправилися двічі через некоректну логіку повторної відправки. Правильно вибраний та налаштований шар сховища вирішує цю проблему раз і назавжди. Неправильний вибір може коштувати команді місяців переписування коду та втрати до 70% часу на синхронізацію. Наш досвід — 10+ років у мобільній розробці, понад 50 проектів з офлайн-сховищами — підтверджує: вибір рішення визначає 80% майбутніх проблем з продуктивністю та синхронізацією.

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

Room (Android) — обгортка над SQLite з compile-time верифікацією SQL-запитів. Якщо запит невалідний, збірка падає — це краще, ніж SQLiteException в рантаймі. Room добре інтегрується з Kotlin Flow та LiveData, що робить реактивні UI-оновлення прямолінійними. Основна складність — міграції схеми. @Database(version = N, exportSchema = true) з файлами міграцій в assets/databases/ — обов'язкова практика, інакше при оновленні додатка fallbackToDestructiveMigration() просто зітре дані користувача.

Core Data (iOS) — не база даних, а фреймворк управління графом об'єктів поверх SQLite (або XML, або in-memory). NSPersistentContainer з viewContext для читання на main thread та newBackgroundContext() для запису — базова схема. Проблема починається, коли розробник робить save() в viewContext з фонового потоку: EXC_BAD_ACCESS в рандомний момент, відтворюється раз на тиждень, в крешлозі майже нічого корисного. Потрібно використовувати performAndWait або perform для кожного контексту строго в своєму потоці. Apple Core Data Programming Guide рекомендує саме такий підхід.

Realm виграє там, де потрібна швидкість роботи з великими наборами об'єктів та вбудована реактивність через Results + observe(). Realm зберігає об'єкти напряму, без маппінгу ORM, тому читання не потребує десеріалізації. За нашими вимірами, Realm обробляє читання в 2–3 рази швидше Core Data при об'ємі понад 10 000 об'єктів. На Flutter Realm SDK (ex-MongoDB Realm) підтримує Device Sync — але це вже managed-сервіс з окремою інфраструктурою.

Hive та Isar — Flutter-специфічні рішення. Hive — key-value сховище, швидко, просто, підходить для налаштувань та кешів. Isar — повноцінна документо-орієнтована БД з індексами, написана на Rust, компілюється в нативний код. Для Flutter-додатків з офлайн-функціональністю Isar зараз переважніше: вбудований query builder з типобезпечними фільтрами, транзакції, watchObject/watchQuery для реактивності.

Зв'яжіться з нами, щоб отримати безкоштовний аудит вашого поточного сховища та рекомендації з оптимізації — це зекономить вам сотні годин розробки та до 60% трафіку на серверні запити.

Чому офлайн-синхронізація — найскладніша частина?

Локальне сховище саме по собі нескладне. Складність — у синхронізації з сервером при наявності конфліктів.

Найчастіший патерн — optimistic updates з rollback. Користувач редагує запис, UI відображає зміну миттєво, фоновий запит йде на сервер. Якщо сервер повертає помилку — відкочуємо локальний стейт. Виглядає просто. На практиці: якщо користувач встиг піти з екрану і повернутися, а відкат відбувся через 3 секунди — UX зламаний. Потрібна явна черга операцій зі станом (PENDING, SYNCED, FAILED) в окремій таблиці.

На Android для фонової синхронізації використовуємо WorkManager з Constraints.Builder().setRequiredNetworkType(NetworkType.CONNECTED). Важно не забыть про setInputMerger(ArrayCreatingInputMerger::class) при батчинге задач — інакше при кількох одночасних запусках дані затираються. Типова реалізація черги операцій:

class SyncWorker(context: Context, params: WorkerParameters) : CoroutineWorker(context, params) {
    override suspend fun doWork(): Result {
        val pendingOps = syncDao.getPendingOperations()
        for (op in pendingOps) {
            try {
                apiClient.send(op.payload)
                syncDao.markSynced(op.id)
            } catch (e: Exception) {
                syncDao.markFailed(op.id, e.message)
                return Result.retry()
            }
        }
        return Result.success()
    }
}

На iOS аналог — BGTaskScheduler з BGProcessingTaskRequest. Обмеження iOS на фоновий час виконання (~30 секунд для refresh tasks) означають, що синхронізація повинна бути інкрементальною: не «синхронізувати все», а «синхронізувати наступні N записів, зберегти курсор».

Конфлікти при мультипристроєвій роботі вирішуються одним із трьох підходів:

• Last-write-wins по updated_at (найпростіший, втрачає дані при одночасному редагуванні)
• Server-wins (клієнт завжди приймає серверну версію)
• Three-way merge (складно, потрібен спільний предок — підходить для документів)

У більшості B2C-додатків достатньо last-write-wins з вектором часу на рівні користувача, але при спільному редагуванні потрібен CRDTs-підхід — тоді дивимося на Automerge або Yjs з мобільними біндингами.

Як ми будуємо шар сховища

Репозиторний патерн — не опціональний, а обов'язковий. UserRepository не знає, звідки дані: з Room, Realm чи мережі. ViewModel викликає repository.getUser(id), отримує Flow/Stream, відображає дані. Логіка кешування — всередині репозиторія.

Для Flutter типова архітектура: Isar для персистентності, Riverpod для управління стейтом, ConnectivityPlus для визначення стану мережі, кастомний SyncService з чергою операцій. Riverpod AsyncNotifier зручно покриває логіку «показати кеш, оновити з мережі, показати нові дані». Приклад репозиторія з кешуванням:

class UserRepository {
  final Isar isar;
  final ApiClient api;

  Future<User> getUser(String id) async {
    // 1. спробувати з локального сховища
    final cached = await isar.user.where().idEqualTo(id).findFirst();
    if (cached != null) return cached;
    // 2. інакше з мережі
    final remote = await api.fetchUser(id);
    // 3. зберегти локально
    await isar.writeTxn(() => isar.user.put(remote));
    return remote;
  }
}

Окрема тема — шифрування. Якщо додаток зберігає медичні дані, платіжні картки або корпоративні документи, SQLCipher (Android) та NSFileProtection (iOS) — не опція. Realm підтримує шифрування нативно через ключ у 64 байти, який потрібно зберігати в Keychain/Keystore, а не в SharedPreferences. Економія на безпеці може обійтися у витік даних з гучними наслідками.

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

Ми гарантуємо прозорий процес і фіксуємо кожен етап:

Бажаєте уникнути типових помилок при проектуванні сховища? Зверніться до нас — ми допоможемо спроектувати надійне локальне сховище з нуля або доопрацювати існуюче.

Які етапи роботи?

Починаємо з аудиту вимог: які дані, який обсяг, чи потрібна синхронізація, чи можливі конфлікти. На цьому етапі стає зрозуміло, Core Data чи SQLite-based рішення, чи потрібен Realm Sync або достатньо простого REST-поллінгу.

Далі — проектування схеми з урахуванням міграцій. Схему змінюють у будь-якому проекті — питання не «чи будуть міграції», а «наскільки болісно вони пройдуть». Експортуємо схему в JSON, зберігаємо в репозиторії, пишемо тести на міграцію кожної версії.

Розробка йде з покриттям репозиторного шару юніт-тестами: моки мережевого шару, реальна in-memory база для тестування запитів. Перед релізом — профілювання запитів через Android Profiler (вкладка Database Inspector) або Core Data debug флаги (-com.apple.CoreData.SQLDebug 1).

Термін реалізації шару сховища з базовою офлайн-синхронізацією — від 2 до 6 тижнів залежно від складності схеми та вимог до конфлікт-резолюції. Вартість розраховується індивідуально після аудиту вашого проекту. Замовте розробку під ключ — отримайте консультацію з вибору оптимального стеку та міграціям.