👆🏼 😐 🕘 फ्लटर और कोटलिन / नेटिव पर फास्ट प्रोटोटाइप 😚 👼🏿 🐘

फ्लटर और कोटलिन / नेटिव पर फास्ट प्रोटोटाइप

ओएलएक्स ग्रुप के हिस्से के रूप में हमारे आगामी आंतरिक सम्मेलन के लिए एक एप्लिकेशन विकसित करने का कार्य करने के बाद, मेरी टीम ने सोचा कि आईओएस और एंड्रॉइड के लिए एप्लिकेशन बनाने के समय को कैसे कम किया जाए, क्योंकि हमारे पास इसके बिना कुछ भी नहीं था। मेरे लिए पहली बात यह है कि, कोटलिन का उपयोग करना था यह अन्य प्लेटफार्मों पर संकलित कर सकता है। Spoiler: नहीं सब कुछ के रूप में की योजना बनाई है, लेकिन हम समय पर सब कुछ किया, जिस तरह से बहुत कुछ सीखने!

तो, यह एक कहानी है कि हमने रिकॉर्ड समय में OLX ग्रुप प्रोडक्ट एंड टेक कॉन्फ्रेंस एप्लिकेशन को कैसे बनाया।

हाल ही में, Google और Facebook जैसी कंपनियों ने क्रॉस-प्लेटफॉर्म के विकास में काफी प्रयास किए हैं। स्पंदन और कोटलिन / मूल इन प्रयासों के परिणाम हैं।

स्पंदन क्या है?

Google द्वारा विकसित स्पंदन को 2017 में वापस घोषित किया गया था। एक विकास भाषा के रूप में, वह डार्ट का उपयोग करता है। स्पंदन डार्ट में लिखे गए एकल कोड आधार का उपयोग करके एंड्रॉइड और आईओएस दोनों पर संकलन कोड का समर्थन करता है। स्पंदन मूल कोड में संकलित करता है, और अनुप्रयोगों में वेब दृश्य घटकों का उपयोग नहीं करता है। लेकिन यह प्लेटफॉर्म-विशिष्ट लोगों जैसे कि iOS में UIView या एंड्रॉइड में फ्रैगमेंट और व्यूग्रुप के बजाय अपने स्वयं के यूजर इंटरफेस घटकों का उपयोग करता है। स्पंदन भी अपने यूजर इंटरफेस घटकों में सामग्री डिजाइन और सामग्री थीमिंग का समर्थन करता है।

हमें डार्ट पर कोई विकास का अनुभव नहीं था, इसलिए हमें यकीन नहीं था कि हमारे पास एक नई भाषा सीखने के लिए पर्याप्त समय होगा (आखिरकार, हमारे पास अन्य प्राथमिकता वाले कार्य थे)। हमने वास्तव में तब तक फ़्लटर का उपयोग शुरू नहीं किया जब तक हमें एहसास नहीं हुआ कि हमारे पास वास्तव में बहुत कम समय है। इसलिए, शुरू में हमने कोटलिन / नेटिव का उपयोग करना शुरू किया और उनके लिए कुछ नकली डेटा और तर्क विकसित किए।

यहाँ Kotlin / Native में एक ऐसी फ़ोल्डर संरचना है जो हमारे पास थी:

कोटलिन / मूल में फ़ोल्डर संरचना

"सामान्य" फ़ोल्डर पर ध्यान दें, जिसमें कोटलिन में लिखे गए सभी सामान्य कोड शामिल हैं। तदनुसार, एंड्रॉइड और आईओएस पर परियोजनाएं इस फ़ोल्डर से कोड का उपयोग करती हैं।

Kotlin / Native क्या है?

Kotlin / Native को JetBrains द्वारा विकसित किया गया था, वही कंपनी जिसने Kotlin बनाया था। यदि आपने कोटलिन के बारे में नहीं सुना है, तो आपने हाल ही में इंटरनेट का उपयोग नहीं किया होगा। सामान्य तौर पर, यह जावा के लिए एक सरलीकृत प्रतिस्थापन है, जो इसके साथ पिछड़ी संगतता का भी समर्थन करता है। कोटलिन / नेटिव आपको कोटलिन पर कोड लिखने और विभिन्न प्लेटफार्मों पर इसे संकलित करने की अनुमति देता है जो शुरू में कोटलिन का समर्थन नहीं करते हैं, उदाहरण के लिए, आईओएस।

डिज़ाइन

हमने अपने डिजाइनर को आवेदन के लिए कुछ लेआउट फेंकने के लिए कहा, और उसने जल्दी से मटेरियल थीमिंग के साथ एक अच्छा डिज़ाइन तैयार किया। स्केच में मटेरियल थीमिंग स्केच बनाने के लिए एक प्लगइन है, जिसने हमें बहुत समय और प्रयास बचाया।

यहाँ हमारे डिजाइनर द्वारा बनाए गए स्केच डिजाइनों का संक्षिप्त अवलोकन है:

थंबनेल अवलोकन

सामग्री थीमिंग आपको जल्दी से डिज़ाइन लेआउट बनाने और आईओएस और एंड्रॉइड दोनों का समर्थन करने की अनुमति देता है।

प्रारंभ में, हम एंड्रॉइड और आईओएस के लिए अलग से यूजर इंटरफेस लागू करना चाहते थे। इस तथ्य के बावजूद कि दोनों प्लेटफॉर्म मैटेरियल थेमिंग का समर्थन करते हैं, फिर भी हमें दोनों के लिए इंटरफेस लिखना होगा। और हमने सोचा था कि यदि हम उपयोगकर्ता इंटरफ़ेस के लिए फ़्लटर का उपयोग करते हैं, तो हमारे पास एक कोड आधार होगा और यह एप्लिकेशन लॉजिक से स्वतंत्र होगा, और तदनुसार हम इसकी परवाह किए बिना कोटलिन तर्क का उपयोग करना जारी रख सकते हैं।

हम एक साथ काम करने के लिए कोटलिन / मूल और स्पंदन सिखाते हैं

क्योंकि इससे पहले, हमने फ्लटर के साथ काम नहीं किया था, हमें यह सुनिश्चित करना था कि यह मौजूदा कोड के साथ काम करेगा जो हमारे पास पहले से है। वैसे, ऐसा लगता है कि इससे पहले किसी ने भी स्पंदन और कोटलिन / मूल का उपयोग करने की कोशिश नहीं की थी। हमने नीचे प्रस्तुत वास्तुकला के निर्माण की योजना बनाई। यह आर्किटेक्चर प्रत्येक प्लेटफ़ॉर्म के लिए विशिष्ट कोड की मात्रा को कम करता है, और डार्ट पर कोड की मात्रा को भी कम करता है, क्योंकि हम कोटलिन का उपयोग करके अधिकांश तर्क को अलग कर सकते हैं।

अनुप्रयोग वास्तुकला

हम कोटलिन और डार्ट का उपयोग करके विशिष्ट कोड की मात्रा को कम करने में सक्षम थे। क्योंकि चूंकि हम कोटलिन से अधिक परिचित थे, इसलिए हमने इस पर अधिकांश सामान्य कोड लिखे, न कि डार्ट पर।

आवेदन

प्रतिबंध

इन दोनों तकनीकों की कुछ सीमाएँ हैं जो उनके उपयोग को उतना सरल नहीं बनाती हैं जितना कि यह हो सकता है।

सीमा 1: कोटलिन / नेटिव केवल कॉमन कोड के लिए कोटलिन वर्गों का समर्थन करता है। उदाहरण के लिए, यदि आप java.util.Date का उपयोग करना चाहते हैं, तो आपके पास ऐसा अवसर नहीं होगा, क्योंकि इसके लिए जेवीएम की आवश्यकता होती है। इस समस्या को हल करने का एक तरीका प्लेटफार्मों (एंड्रॉइड और आईओएस) के कोड में इस पद्धति को लागू करना और इसे कोटलिन / नेटिव से कॉल करना है।

सीमा 2: कोटलिन स्थिर तरीकों के लिए साथी वस्तुओं का उपयोग करता है जो iOS में पूरी तरह से नई वस्तु में बदल जाता है। इसके आस-पास एक तरीका यह है कि स्टैटिक मेथड्स इंस्टेंस मेथड्स बनाएं या क्लास मेथड को ग्लोबल फंक्शन बनाएं।

सीमा 3: कोटलिन / मूल केवल iOS पर arm64 के लिए संकलन का समर्थन करता है। नवीनतम प्रोसेसर इस प्रोसेसर वास्तुकला के साथ काम करते हैं, लेकिन पुराने अभी भी आर्मव 7 पर हैं। आर्किटेक्चर के साथ किसी भी समस्या से बचने के लिए, बस "सेटिंग बनाएं" पर जाएं और arm64 को छोड़कर सभी आर्किटेक्चर को हटा दें।

कोटलिन कोड, फ्लटर कोड और प्लेटफ़ॉर्म कोड के बीच की बातचीत पर भी कुछ प्रतिबंध हैं। फ़्लटर चैनलों का उपयोग करते हुए प्लेटफ़ॉर्म कोड के साथ बातचीत कर सकता है, वहां विधि नाम और मापदंडों का एक सेट पारित कर सकता है। पैरामीटर मूल वर्गों जैसे कि नक्शा, सूची, स्ट्रिंग, इंट, आदि तक सीमित हैं। इस सभी इंटरैक्शन के साथ, कस्टम ऑब्जेक्ट्स को क्रमबद्ध किया जाता है। हालाँकि, फ़्लटर और कोटलिन / नेटिव दोनों को सीरियलाइज़ेशन के लिए सीमित समर्थन प्राप्त है, इसलिए अब हम सीधे देशी कक्षाओं का उपयोग करते हैं।

परिणाम

हमारे अनुभव के प्रमुख परिणाम:

तेजी से प्रोटोटाइप के लिए स्पंदन महान है;
स्पंदन और कोटलिन / मूल अभी भी बीटा परीक्षण में हैं, लेकिन पहले से ही इस्तेमाल किया जा सकता है, कुछ सीमाओं के साथ;
कोटलिन / मूल प्लेटफ़ॉर्म-विशिष्ट कोड की मात्रा को कम करने की समस्या को पूरी तरह से हल करता है;
कुछ परत लिखना आवश्यक है जो वस्तुओं के हस्तांतरण और उनके क्रमांकन के लिए जिम्मेदार होगा।

आवेदन के विकास में योजना के एक सप्ताह और विकास के एक सप्ताह और डेढ़ सप्ताह लग गए। हमने अपने सामान्य काम करते हुए चार डेवलपर्स और एक डिजाइनर के साथ एक दिन का लगभग एक घंटा बिताया।

इस ऐप को फ्लटर और कोटलिन का उपयोग करने में बहुत मज़ा आया, और मुझे आशा है कि आप इन दो तकनीकों को भी आज़माएंगे।

आईओएस ऐप

आप आधिकारिक दस्तावेज में अधिक कोटलिन / मूल सामग्री पा सकते हैं:

और स्पंदन के बारे में यहां पढ़ें / देखें: