MobileWeb
Intégrations d’appareils natifs dans un parcours web
Des wrappers React sur mesure autour des ponts natifs et une machine à états de scan robuste, qui ont fait monter les taux de réussite sur les plateformes où les écrans standard échouaient.
- Stack
- React · React Native bridge · State machines
Le problème
Lire une puce matérielle via plusieurs fournisseurs, sur une très grande variété de téléphones et de réseaux, donnait de faibles taux de réussite. Un navigateur ne peut pas parler au matériel : tout passait donc par des ponts d’application natifs, et les écrans standard des fournisseurs échouaient en silence quand l’utilisateur bougeait l’appareil.
L’approche
- Des wrappers React sur mesure au-dessus des ponts natifs, à la place des écrans standard des fournisseurs. Les nôtres ajoutaient des repères visuels d’alignement, des retours haptiques, des boucles de reprise sur erreur et notre propre identité visuelle.
- Des machines à états asynchrones explicites (scan, lecture, vérification) avec des nouvelles tentatives automatiques quand la connexion tombe.
Le résultat
Les taux de réussite ont nettement progressé sur les plateformes et les marchés où les écrans standard peinaient, et la conversion globale s’est améliorée après le déploiement.