Handoff між пристроями: передача задачі без втрати контексту

Користувач витратив 20 хвилин на заповнення заявки на телефоні, відволікся, відкрив ноутбук — форма порожня. Згідно з даними аналітики, близько 40% користувачів кидають багатокрокові форми через відсутність збереження прогресу. Це призводить до втрати до 30% конверсії на формах оформлення замовлення або реєстрації. Handoff вирішує цю проблему: почав на одному пристрої, продовжив на іншому без втрати контексту. Ми реалізуємо handoff-механізми під ключ, гарантуючи безшовну передачу контексту між будь-якими пристроями. Наша команда має понад 5 років досвіду в інтеграції як нативних, так і серверних рішень. Для iOS і macOS використовуємо Apple Handoff, для Android і Windows — серверну сесію, а для гібридних сценаріїв — комбінацію обох підходів.

Apple Handoff: мінімальна розробка, але тільки Apple

NSUserActivity — фреймворк Apple для передачі контексту через iCloud. Підтримує iOS, macOS, iPadOS. Працює автоматично при коректному налаштуванні activityType та userInfo. Однак вимагає єдиного облікового запису iCloud та активного Bluetooth/Wi-Fi. Згідно з документацією Apple, обсяг передаваних даних обмежений ~256 КБ. Для React Native використовуємо нативний модуль:

let activity = NSUserActivity(activityType: "com.yourapp.editDocument")
activity.title = "Редагування документа"
activity.userInfo = ["documentId": documentId, "scrollPosition": scrollY, "formData": formData]
activity.isEligibleForHandoff = true
activity.becomeCurrent()

На стороні, що приймає, AppDelegate отримує application(_:continue:restorationHandler:) з цим NSUserActivity. Дані userInfo обмежені ~256 КБ. Для клієнта, у якого Android-телефон та Windows-ноутбук — не працює.

Коли Apple Handoff недостатньо?

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

Чому автозбереження критичне?

Автозбереження стану задачі в реальному часі знижує навантаження на підтримку: користувачі рідше скаржаться на втрату даних. При кожному значущому дії (перехід на крок, введення тексту, вибір опції) серіалізований стейт надсилається на сервер. Debounce на 1 секунду знижує кількість запитів на 80% порівняно зі збереженням кожної події введення. Це особливо важливо для мобільних мереж з нестабільним зв'язком.

Як реалізувати кросплатформний Handoff?

Універсальний підхід: сесія задачі зберігається на сервері, прив'язана до акаунта, а не до пристрою.

type TaskSession = {
  sessionId: string;
  userId: string;
  taskType: 'checkout' | 'editDocument' | 'formFill' | 'mediaUpload';
  state: Record<string, unknown>; // серіалізований стейт задачі
  activeDeviceId: string;
  updatedAt: number;
  expiresAt: number;
};

Granular state: зберігаємо лише необхідні поля. Для форми — step, заповнені поля, статус валідації. Чутливі дані (CVV, PIN) ніколи не зберігаємо. Conflict resolution: останній запис перемагає (LWW) для простоти; для складних задач — vector clocks. Виявлення активних сесій: при відкритті застосунку перевіряємо незавершені сесії.

Як повідомити другий пристрій про сесію?

Існує кілька способів: push-сповіщення (silent push з sessionId), deep link (yourapp://handoff/session/abc123), QR-код, автоматичний опитувач. Автоматичний опитувач дає кращий UX, але вимагає чіткої політики privacy: користувач повинен бачити активні сесії.

Порівняння методів Handoff

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

• Проєктування схеми даних для зберігання сесій та API-ендпоінтів.
• Реалізація серверної логіки (збереження, відновлення, видалення сесій).
• Інтеграція з клієнтськими застосунками (автозбереження, виявлення активних сесій).
• Налаштування push-сповіщень (APNs/FCM) та deep link (Universal Links / App Links).
• UI для відновлення сесії (діалог, екран вибору).
• Документація з інтеграції, рекомендації з безпеки та навчання команди.
• Підтримка протягом 2 тижнів після релізу.

Етапи розробки handoff-механізму

1. Проєктування схеми даних для зберігання сесій.
2. Реалізація серверних ендпоінтів (збереження, відновлення, видалення).
3. Інтеграція з клієнтськими застосунками (автозбереження, виявлення сесій).
4. Реалізація сповіщень (push, deep link) та UI для відновлення.
5. Тестування сценаріїв на різних пристроях та ОС.
6. Документація з інтеграції та рекомендації з безпеки.

Чек-лист перевірок handoff

• Сесія коректно зберігається при переході в фон.
• Дані відновлюються при відкритті на іншому пристрої.
• Чутливі поля виключені з серіалізації.
• Push-сповіщення надсилається при збереженні.
• Deep link верифікується.

Оцінка

Серверна сесія задач з deep link, автозбереженням та UI: від 3 до 5 тижнів. З Apple NSUserActivity + кросплатформним fallback: від 4 до 6 тижнів. Вартість розраховується індивідуально після аналізу проєкту.

Отримайте консультацію — ми допоможемо підібрати оптимальний Handoff-механізм. Замовте розробку handoff у ваш застосунок.

Інтеграція 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 залишається стандартом для більшості проєктів. Але коли на екрані профілю потрібно 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-атак.

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

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

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

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