МобильныеВеб
Интеграции с нативными устройствами в веб-сценарии
Собственные React-обёртки над нативными мостами и устойчивый конечный автомат сканирования повысили долю завершений на платформах, где стандартные экраны не справлялись.
- Стек
- React · React Native bridge · State machines
Проблема
Чтение аппаратного чипа через нескольких поставщиков на очень широком спектре телефонов и сетей давало низкую долю завершений. Браузер не может общаться с оборудованием, поэтому всё шло через нативные мосты приложений, а стандартные экраны поставщиков молча давали сбой, когда пользователь сдвигал устройство.
Подход
- Собственные React-обёртки над нативными мостами вместо стандартных экранов поставщиков. В наших были визуальные подсказки по выравниванию, тактильные сигналы, циклы восстановления после ошибок и собственное оформление.
- Явные асинхронные конечные автоматы (сканирование, чтение, проверка) с автоматическими повторными попытками при обрыве соединения.
Результат
Доля завершений заметно выросла на платформах и рынках, где стандартные экраны давали сбои, а общая конверсия улучшилась после запуска.