Перейти к основному содержанию
Clinford Jordano Valencia
Все проекты
МобильныеВеб

Интеграции с нативными устройствами в веб-сценарии

Собственные React-обёртки над нативными мостами и устойчивый конечный автомат сканирования повысили долю завершений на платформах, где стандартные экраны не справлялись.

Стек
React · React Native bridge · State machines

Проблема

Чтение аппаратного чипа через нескольких поставщиков на очень широком спектре телефонов и сетей давало низкую долю завершений. Браузер не может общаться с оборудованием, поэтому всё шло через нативные мосты приложений, а стандартные экраны поставщиков молча давали сбой, когда пользователь сдвигал устройство.

Подход

  • Собственные React-обёртки над нативными мостами вместо стандартных экранов поставщиков. В наших были визуальные подсказки по выравниванию, тактильные сигналы, циклы восстановления после ошибок и собственное оформление.
  • Явные асинхронные конечные автоматы (сканирование, чтение, проверка) с автоматическими повторными попытками при обрыве соединения.

Результат

Доля завершений заметно выросла на платформах и рынках, где стандартные экраны давали сбои, а общая конверсия улучшилась после запуска.