मुख्य सामग्री पर जाएं
Clinford Jordano Valencia
सभी प्रोजेक्ट
मोबाइलवेब

वेब फ़्लो में नेटिव डिवाइस इंटीग्रेशन

नेटिव ब्रिज के चारों ओर कस्टम React रैपर और एक मज़बूत स्कैन स्टेट मशीन, जिसने उन प्लेटफ़ॉर्म पर पूरा होने की दर बढ़ाई जहाँ स्टॉक स्क्रीन नाकाम थीं।

टेक स्टैक
React · React Native bridge · State machines

समस्या

कई वेंडरों के ज़रिए हार्डवेयर चिप पढ़ना, फ़ोन और नेटवर्क की बहुत विस्तृत विविधता पर, पूरा होने की दर खराब थी। ब्राउज़र हार्डवेयर से बात नहीं कर सकता, इसलिए सब कुछ नेटिव ऐप ब्रिज से जाता था, और वेंडरों की स्टॉक स्क्रीन उपयोगकर्ता के डिवाइस हिलाने पर चुपचाप फ़ेल हो जाती थीं।

तरीका

  • नेटिव ब्रिज के ऊपर कस्टम React रैपर, वेंडरों की स्टॉक स्क्रीन की जगह। हमारे रैपर में विज़ुअल अलाइनमेंट गाइड, हैप्टिक संकेत, त्रुटि-पुनर्प्राप्ति लूप और अपनी ब्रांडिंग जोड़ी गई।
  • स्पष्ट एसिंक्रोनस स्टेट मशीन (स्कैन, पढ़ना, सत्यापन) जिसमें कनेक्शन टूटने पर अपने-आप दोबारा कोशिश होती है।

नतीजा

जिन प्लेटफ़ॉर्म और बाज़ारों में स्टॉक स्क्रीन संघर्ष कर रही थीं, वहाँ पूरा होने की दर साफ़ बढ़ी, और रोलआउट के बाद कुल कन्वर्ज़न भी सुधरा।