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

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

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

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

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

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

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

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

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

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

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

QR-код містить структуровані дані: URL, контакт vCard, Wi-Fi credentials, платіжний запрос. Завдання поіску по QR-коду — це парсинг змісту та маршрутизація до потрібної дії. Реалізація простіша, ніж зі штрих-кодами, але логіка обробки контенту потребує продумування.

Сканування: найкоротший шлях

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

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

isHighlightingEnabled: true додає візуальну підсвітку знайденого коду — користувачі це цінують.

iOS 14-15: VNDetectBarcodesRequest з Vision framework для фото, AVCaptureMetadataOutput для live-відео. Чуть більше коду, але логіка та сама.

Android: ML Kit BarcodeScanning.getClient() з BarcodeScannerOptions — вказуємо FORMAT_QR_CODE для оптимізації швидкості. Якщо потрібні всі формати — убираємо фільтр, але це чуть повільніше.

Парсинг та маршрутизація

QR-код — це строка. Що з ним робити — залежить від змісту:

  • Починається з 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 повертає сиру строку — тип придётся визначати самостійно.

Робота з галереєю

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

iOS: PHPickerViewController → отримуємо UIImageVNDetectBarcodesRequest на CIImage. Працює синхронно або через perform у фоновому потоці.

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

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

Строк розробки: 1-2 дні. Вартість розраховується індивідуально.