Розробка сканування за QR-кодом у мобільному додатку

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1734 послуг
Розробка сканування за QR-кодом у мобільному додатку
Простий
від 1 дня до 3 днів
Часті запитання

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

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

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

  • 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

Розробка сканування за QR-кодом у мобільному додатку

Ми часто стикаємося із завданням інтеграції сканера QR-кодів у готовий додаток. Здавалося б, бібліотек багато, але кожна платформа диктує свої правила: на iOS суворі обмеження App Store, на Android — фрагментація пристроїв та версій. Результат — додаток або зависає на скануванні, або неправильно парсить дані. За 5+ років ми реалізували QR-сканери в 20+ проєктах: від ритейлу до медицини, на Swift, Kotlin та Flutter. На ринку з 2019 року, маємо сертифікації Apple та Google. У цій статті розбираємося, як зробити швидкий, надійний та модульний QR-сканер з урахуванням усіх нюансів: від вибору фреймворку (Vision vs ML Kit) до коректної маршрутизації за типом даних.

Згідно з документацією Apple Developer, для використання DataScannerViewController необхідно налаштувати entitlement та додати NSCameraUsageDescription. На Android в AndroidManifest.xml потрібен дозвіл CAMERA. Пропуск цих кроків — одна з найчастіших причин падінь при першому запуску. Ми гарантуємо сумісність з iOS 14+ та Android 8+.

Як швидко реалізувати сканування QR-коду?

Сканування — лише перший крок. iOS 16+ використовує DataScannerViewController — один рядок налаштування:

let scanner = DataScannerViewController(
    recognizedDataTypes: [.barcode(symbologies: [.qr])],
    qualityLevel: .balanced,
    isHighlightingEnabled: true
)

isHighlightingEnabled: true додає візуальне підсвічування — користувачі це цінують. Для iOS 14–15 знадобиться Vision framework: VNDetectBarcodesRequest для фото, AVCaptureMetadataOutput для live відео. На Android використовуємо ML Kit: BarcodeScanning.getClient() з BarcodeScannerOptions. Вказуємо FORMAT_QR_CODE для оптимізації швидкості — якщо потрібні всі формати, фільтр прибираємо, але швидкість трохи падає.

ML Kit на Android обробляє QR у 3–5 разів швидше, ніж ZXing, і в 2 рази швидше за Vision на iOS на середніх пристроях (дані наших тестів на 10 моделях). Загалом ML Kit краще за ZXing у 3-5 разів за швидкістю, а DataScannerViewController кращий за Vision для iOS 16+.

Порівняння підходів iOS та Android

Параметр iOS Android
Основний фреймворк DataScannerViewController (iOS 16+) / Vision ML Kit BarcodeScanning
Додаткове налаштування Provisioning profile, NSCameraUsageDescription AndroidManifest.xml запит камери
Робота з галереєю PHPicker + Vision GetContent + ML Kit
Визначення типу Вручну по рядку Вбудоване через Barcode.valueType
Продуктивність Миттєво (системне) 50–200 ms на середніх пристроях

Чому парсинг вмісту важливіший за саме сканування?

QR-код — це рядок. Як з ним вчинити — визначає UX.

  • Починається з http:// або https:// → відкриваємо в SFSafariViewController / CustomTabs.
  • WIFI:S:NetworkName;T:WPA;P:password;; → підключаємося до Wi-Fi (iOS: NEHotspotConfiguration, Android: WifiNetworkSuggestion).
  • BEGIN:VCARD → парсимо через CNContactVCardSerialization (iOS) або VCardReader (Android).
  • Внутрішній формат додатку → кастомна обробка.

Регулярки для визначення типу працюють, але крихко. ML Kit на Android автоматично визначає тип через Barcode.valueType (URL, WIFI, CONTACT_INFO тощо). На iOS VNBarcodeObservation.payloadStringValue повертає сирий рядок — тип доведеться визначати самостійно. Для Wi-Fi на iOS потрібен com.apple.developer.networking.HotspotConfiguration entitlement — це прихована складність.

Типи QR-даних та їх обробка

Тип Приклад вмісту iOS Android
URL https://example.com SFSafariViewController CustomTabs
Wi-Fi WIFI:S:... NEHotspotConfiguration WifiNetworkSuggestion
vCard BEGIN:VCARD... CNContactVCardSerialization VCardReader
Кастомний Будь-який формат Ваша логіка Ваша логіка

Робота з галереєю: обов'язковий мінімум

Користувачі очікують, що можна вибрати QR-код із фото, а не лише сканувати з камери. 95% користувачів віддають перевагу додаткам зі сканером QR. Реалізація:

iOS: PHPickerViewController → отримуємо UIImageVNDetectBarcodesRequest на CIImage. Працює у фоновому потоці через perform. Час сканування — 0.2 секунди.

Android: ActivityResultContracts.GetContent("image/*") → отримуємо Uri → InputImage.fromFilePath(context, uri)BarcodeScanning.getClient().process(inputImage).

Часта помилка: обробка зображення на main thread. На фото з галереї це блокує UI на 200–500 ms. Завжди — у фоновий потік. Наш досвід показує, що користувач помітить затримку вже з 150 ms.

Процес розробки під ключ

  1. Аналіз — вивчаємо ваш додаток, цільову аудиторію, сценарії використання QR.
  2. Проєктування — обираємо стек (ML Kit vs Vision, реалізація маршрутизації), готуємо прототип з одним типом коду.
  3. Реалізація — інтеграція сканера, парсинг, обробка галереї, deep linking.
  4. Тестування — на реальних пристроях з різними версіями ОС, перевірка всіх форматів QR.
  5. Деплой — публікація в App Store / Google Play, налаштування provisioning profiles.

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

  • Вихідний код модуля сканування на Swift / Kotlin / Dart з документуванням.
  • Інтеграція з існуючим навігатором додатку.
  • Обробка всіх поширених типів QR (URL, Wi-Fi, vCard, кастомні).
  • Підтримка галереї.
  • Тестування на 5+ фізичних пристроях.
  • Допомога з публікацією (App Store Connect, Google Play Console).

Терміни орієнтовно

Від 3 до 10 робочих днів залежно від складності маршрутизації та необхідності deep linking. Середня економія на ручному введенні даних становить $1000 на місяць для бізнесу з 10 співробітниками. Вартість розробки модуля — від $500 до $1500 в залежності від складності. Зв'яжіться, щоб ми оцінили ваш проєкт і розрахували точну вартість.

Типові помилки при розробці QR-сканера
  • Необробка дозволу камери під час виконання — додаток падає на iOS, якщо користувач відхилив запит.
  • Синхронна обробка зображення на UI потоці — лаги при скануванні з галереї.
  • Ігнорування ATT (App Tracking Transparency) для iOS — бан від App Store.
  • Відсутність fallback для старих версій ОС — застарілі бібліотеки не оновлюються.

Наш досвід

За 5+ років ми реалізували QR-сканери в 20+ додатках: від ритейлу до медицини. Працювали з Apple‑сертифікатами, ProGuard/R8 shrink, Firebase App Distribution. Є досвід проходження рев'ю App Store з кастомними entitlement. Наші розробники мають сертифікації Apple та Google. Ми надаємо гарантію на код протягом 6 місяців. Якщо у вас специфічний кейс — пишіть, обговоримо.

Економія часу користувачів на ручному введенні даних становить до 80% при використанні QR-сканера. Замовте розробку модуля QR-сканера під ключ. Отримайте консультацію щодо інтеграції та оцінку термінів — зв'яжіться з нами.

Інтеграція з залізом: BLE, NFC, IoT та HomeKit у мобільних додатках

Коли задача — зв’язати смартфон з фізичним пристроєм, половина проблем знаходиться не в коді, а в прошивці заліза, характеристиках BLE-сервісів та затримках протоколу. Ми, як мобільні розробники, працюємо на стику з firmware-командою, і без розуміння стеку знизу вгору результат непередбачуваний. Ось чому ми завжди починаємо з HCI-логу та специфікації GATT — Apple Developer: Core Bluetooth Framework — це єдиний спосіб уникнути реверс-інжинірингу в польових умовах.

Чому BLE-інтеграція — найчастіша точка відмови?

Bluetooth Low Energy — основний протокол для носимих, медичних пристроїв, розумних замків та промислових датчиків. Core Bluetooth на iOS та BluetoothGatt на Android реалізують одну специфікацію, але поводяться по-різному в крайніх випадках. Статистика наших проектів: більше 70% звернень у підтримку по BLE пов’язані саме з низькорівневими помилками GATT, а не з логікою додатку.

Сценарій iOS (Core Bluetooth) Android (BluetoothGatt)
Управління підключенням CBCentralManager потребує сильного посилання протягом всієї сесії; втрата об’єкта → розрив з’єднання disconnect() та close() викликаються окремо; close() без disconnect() → пристрій позначається зайнятим
Типова помилка Немає попередження при втраті посилання — з’єднання мовчки розривається Помилка 133 (GATT_ERROR) — виникає при переповненні черги GATT або некоректному закритті попередньої сесії
Сканування NSBluetoothAlwaysUsageDescription обов’язковий у Info.plist (з iOS 13); без нього сканування не стартує BLUETOOTH_SCAN потребує neverForLocation (Android 12+), інакше користувач бачить запит геолокації

Що робити з помилкою 133 в Android?

Помилка 133 — найчастіша в Android BLE-розробці. Це не «щось пішло не так», а конкретний індикатор переповнення черги GATT або некоректного закриття попереднього з’єднання. Ми лікуємо її двома прийомами: використовуємо чергу операцій над GATT (write, read, notification subscribe строго послідовно через операційну чергу) та завжди викликаємо disconnect() перед close(). Наша черга GATT-операцій у 3 рази знижує кількість помилок ATT_INSUFFICIENT_RESOURCES порівняно з конкурентними запитами. MTU за замовчуванням — 23 байти. Запит на збільшення (MTU exchange) обов’язковий для передачі даних об’ємом понад 20 байт. На iOS MTU запитується автоматично при підключенні, на Android потрібно явно викликати requestMtu(). Без цього ви не зможете передати, наприклад, зображення або лог через характеристику.

NFC: CoreNFC та Android NFC API

iOS підтримує NFC-читання через CoreNFC з версії iOS 11, запис — з iOS 13. Важливе обмеження: сесія сканування активна лише поки живий об’єкт NFCNDEFReaderSession і показує системний UI. Фонове сканування доступне лише для додатків з entitlement com.apple.developer.nfc.readersession.formats і лише для ISO 14443 (банківські картки, паспорти) — і цей entitlement видається не всім. На Android все простіше: NfcAdapter.enableForegroundDispatch() ловить теги у foreground без системного UI. Фоновий запуск додатку по NFC-тегу реалізується через intent-filter з ACTION_NDEF_DISCOVERED. Порівняння платформ по NFC:

Функція iOS (CoreNFC) Android (NfcAdapter)
Фонове читання Тільки з entitlement та ISO 14443 Через intent-filter ACTION_NDEF_DISCOVERED
Запис З iOS 13 (NDEF) З коробки (API 10+)
Сесія Триває до 5 хвилин з системним UI Необмежено у foreground, background по тегу
Запуск додатку Тільки foreground Автоматично при виявленні тегу

HomeKit та Matter

HomeKit — екосистема Apple для розумного дому. Для інтеграції пристрій повинен мати MFi-сертифікацію (або працювати через Software Authentication для Matter). Мобільний додаток використовує HomeKit framework: HMHomeManager → HMHome → HMRoom → HMAccessory → HMService → HMCharacteristic. Matter (раніше CHIP) — крос-платформний стандарт, який підтримують Apple, Google, Amazon та Samsung. На iOS Matter-пристрої додаються через MTRDeviceController, на Android — через Google Home SDK або Matter SDK безпосередньо. Перевага Matter: один пристрій працює з HomeKit, Google Home та Alexa без перепрошивки, а конфігурація налаштовується в 4 рази швидше порівняно з власним HAP-протоколом.

Параметр HomeKit Matter
Сертифікація MFi — апаратний чіп Software Authentication (ключі)
Підтримка платформ Тільки Apple Apple, Google, Amazon, Samsung
Додавання пристрою HMHomeManager MTRDeviceController / Google Home SDK
Протокол HAP (IP, BLE) IP-based (Wi-Fi, Thread)

Для Flutter та React Native використовуємо flutter_blue_plus та react-native-ble-plx відповідно — обидва активно підтримуються і покривають 90% сценаріїв, але для роботи з GATT-нотифікаціями у background на Android все одно потрібен foreground service. Переконайтеся, що deep linking (Universal Links на iOS, App Links на Android) налаштовані для коректного пробудження додатку при скануванні NFC-тегу або отриманні push-повідомлення від IoT-пристрою. Вимоги ATT (App Tracking Transparency) для інтеграції з залізом зазвичай не застосовуються, але якщо додаток збирає анонімну аналітику — додайте запит. Отримайте консультацію нашого інженера — він розбере вашу специфікацію за 2 дні.

Як ми інтегруємо BLE та NFC?

  1. Аналітика — отримуємо від firmware-команди повну специфікацію BLE GATT (список сервісів, характеристик, формати даних) або HCI-лог. Без цього розробка перетворюється на реверс-інжиніринг через nRF Connect або Wireshark over HCI.
  2. Проектування — визначаємо архітектуру підключень: чергу GATT-операцій, фонові сервіси для Android, перепідключення при втраті зв’язку. Враховуємо MTU-узгодження та обробку помилок ATT_INSUFFICIENT_RESOURCES.
  3. Реалізація — кодимо на Swift/Kotlin з урахуванням особливостей платформ (Universal Links, App Links, push-повідомлення через APNs/FCM для тригерів). Для захисту Android-коду використовуємо ProGuard / R8 (shrink).
  4. Тестування — на реальних пристроях з першого дня. Емулятор BLE в симуляторах не відтворює edge cases перепідключення, втрати сигналу, зміни MTU. Використовуємо автоматизацію на базі XCTest та Espresso.
  5. Деплой — завантаження в App Store Connect / Google Play Console з правильним code signing та provisioning profile. Для iOS — TestFlight, для Android — Firebase App Distribution.

Що входить в роботу (deliverables)

  • Вихідний код мобільного додатку з інтеграцією BLE, NFC або IoT (Swift / Kotlin / Flutter / React Native)
  • Документація по протоколу GATT (карта сервісів та характеристик)
  • Навантажувальне тестування на 10+ реальних пристроях (помилка 133, перепідключення, MTU-узгодження)
  • Аналіз та усунення edge cases (помилка ATT_INSUFFICIENT_RESOURCES, втрата з’єднання на фоні, конфлікт з background fetch)
  • Інструкція зі збірки та деплою (code signing, TestFlight, Firebase App Distribution)
  • Місяць підтримки після релізу

Строки та орієнтовна вартість

Проста інтеграція з одним BLE-периферійним пристроєм (показання + команди керування) — від 2 до 4 тижнів. Типова вартість такої задачі розраховується індивідуально, включаючи налагодження GATT-профілю та обробку edge cases. Повноцінний IoT-додаток з декількома типами пристроїв, firmware OTA-оновленнями та HomeKit-підтримкою — від 2 місяців. Вартість розраховується індивідуально під ваш проект.

Ми займаємося мобільною розробкою кілька років — досвід 45+ проектів з BLE/NFC/HomeKit. Наші інженери сертифіковані Apple та Google, а кожен етап роботи фіксується в issue tracker з прив’язкою до комітів. Ми гарантуємо прозорість процесу та дотримання строків. Використовуємо підхід «інженер клієнту»: без маркетингових пауз, з прямим доступом до розробника.

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