सामग्री
- पीडब्ल्यूए वि. नेटिव्ह अॅप्स: काय फरक आहे?
- प्रोग्रेसिव्ह वेब अॅप्स: वेबसाठी इमारत
- पीडब्ल्यूएची शक्ती
- पीडब्ल्यूए च्या कमकुवतपणा
- मूळ प्रतिक्रिया
- प्रतिक्रिया मूळची शक्ती
- रिactक्ट नेटिव्हच्या कमकुवतपणा
- नेटिव्हस्क्रिप्ट
- नेटिस्क्रिप्टची शक्ती
- नेटिस्क्रिप्टची दुर्बलता
अॅप तयार करताना आपण कोणता दृष्टिकोन स्वीकारला पाहिजे? आपण पीडब्ल्यूए / वेब तंत्रज्ञानाचा मार्ग स्वीकारला पाहिजे किंवा आपण मूळ प्लॅटफॉर्मवर डिझाइन केले पाहिजे? दोन्ही पर्यायांमध्ये त्यांचे गुणधर्म आहेत आणि या लेखात आम्ही वेब आणि नेटिव्ह अॅप्स तयार करण्यासाठी वापरल्या जाणार्‍या काही लोकप्रिय निवडींवर केंद्रित आहोत.
पीडब्ल्यूए (प्रोग्रेसिव्ह वेब अॅप्स) उर्फ वेब अॅप्स, लोकप्रिय वेब तंत्रज्ञान एचटीएमएल, सीएसएस आणि जावास्क्रिप्टसह तयार केलेले आहेत आणि वेब ब्राउझरमध्ये कार्य करतात. (आपल्या बिल्ड्समध्ये मदत करण्यासाठी काही आवश्यक एचएमएल टॅग पहा.) पीडब्ल्यूए प्रभावीपणे मोबाइल वेबसाइट अ‍ॅपसारखे दिसण्यासाठी डिझाइन केलेले आहेत आणि वेब एपीआयचा वापर त्यांना नेटिव्ह अॅप प्रमाणेच कार्यक्षमता देते.
अॅप बिल्डिंगवरील अधिक सल्ल्यासाठी, अॅप कसा तयार करावा याविषयी आमची पोस्ट पहा किंवा आपण तयार करू इच्छित साइट असल्यास या शीर्ष वेबसाइट बिल्डर आणि वेब होस्टिंग सेवा पहा.
पीडब्ल्यूए वि. नेटिव्ह अॅप्स: काय फरक आहे?
अॅप स्टोअरची आवश्यकता नसताना स्थापित करण्यायोग्य आणि डिव्हाइसवर जगण्याचा फायदा प्रोग्रेसिव्ह वेब अ‍ॅप्सचा आहे. आणि प्रक्रियेचा एक भाग वेब अॅप मॅनिफेस्ट आहे जो विकासकांना एखादा अॅप कसा दिसतो आणि कसा लाँच केला जातो यावर नियंत्रण ठेवण्याची परवानगी देतो. तसेच, वेब डिझाइनर्स / फ्रंट एंड डेव्हलपरकडे त्वरित बांधकाम सुरू करण्यासाठी आवश्यक असलेले कौशल्य आधीपासूनच असेल. मूळ अ‍ॅप्सच्या विपरीत नवीन भाषा शिकण्याची आवश्यकता नाही.
नेटिव्ह अॅप्स विशिष्ट ओएस लक्षात घेऊन तयार केलेले - म्हणजे. iOS आणि Android - आणि तो उद्देश पूर्ण करण्यासाठी फ्रेमवर्क किंवा भाषा वापरा. आयओएस अनुप्रयोग सामान्यत: एक्सकोड किंवा स्विफ्ट आणि अँड्रॉइड अॅप्स, जावास्क्रिप्ट वापरतात. परंतु, या लेखासाठी आम्ही जावास्क्रिप्ट-आधारित ओपन सोर्स फ्रेमवर्क - रीएक्ट नेटिव्ह आणि नेटिव्हस्क्रिप्ट - या दोन्ही प्लॅटफॉर्मवर कार्य करणार्या दोन गोष्टींवर लक्ष केंद्रित करतो.
नेटिव्ह अ‍ॅप्सचे फायदे हे आहेत की ते डिव्‍हाइसेस हार्डवेअर आणि सॉफ्टवेअरचा अधिक चांगला वापर करतात, वेगवान आणि अधिक प्रतिसाद देतात आणि अॅप स्टोअरमध्ये रेटिंग दिले तरीही गुणवत्तेची हमी मिळवितात म्हणूनच ते चांगली कार्यक्षमता आणतात. परंतु याचा अर्थ असा की विशिष्ट फ्रेमवर्क किंवा लायब्ररी कशी वापरावी हे शिकणे.
अॅप तयार करण्यासाठी येथे आम्ही तीन भिन्न पर्याय पाहतो - एक वेबसाठी (पीडब्ल्यूए) आणि दोन मूळसाठी (प्रतिक्रिया मूळ, नेटिव्हस्क्रिप्ट) -. ते कसे कार्य करतात, आपण काय करू शकता आणि आपण आपला अॅप तयार करण्यासाठी कोणता पर्याय निवडायचा हे ठरविण्यात मदत करण्यासाठी त्यांची सामर्थ्य आणि कमकुवतपणा पाहता आम्ही त्यांची धावपळ करतो.
प्रोग्रेसिव्ह वेब अॅप्स: वेबसाठी इमारत
पीडब्ल्यूएची शक्ती
- अॅप्स ब्राउझरमध्ये देखील कार्य करतात
- वितरण: ब्राउझर, एंटरप्राइझ आणि अॅप स्टोअर
- रिएक्ट, अँगुलर, व्ह्यू, वेनिला किंवा इतर फ्रेमवर्कचा वापर करू शकता
पीडब्ल्यूए च्या कमकुवतपणा
- प्रत्येक नेटिव्ह एपीआय मध्ये प्रवेश नाही
- IOS आणि iPadOS वर क्षमता आणि स्टोअर वितरण मर्यादित आहे
- हे सतत उत्क्रांतीत आहे
पीडब्ल्यूए हे फक्त वेब स्टॅक वापरून एचटीएमएल, सीएसएस, जावास्क्रिप्ट आणि ब्राउझरचे एपीआय वापरुन उच्च-परफॉरमेंव्ह, ऑफलाइन, स्थापित करण्यायोग्य अॅप्स तयार करण्यासाठी विद्यमान डिझाइन नमुना आहेत. सेवा कर्मचारी आणि वेब अॅप मॅनिफेस्ट चष्माबद्दल धन्यवाद, आम्ही आता Android, iOS, iPadOS, Windows, macOS, Chrome OS आणि Linux साठी स्थापित केल्यानंतर प्रथम-श्रेणी अनुप्रयोग अनुभव तयार करू शकतो.
पीडब्ल्यूए तयार करण्यासाठी, आपण कोणतीही आर्किटेक्चर वापरू शकता: सर्व्हर-साइड, वेनिला जावास्क्रिप्ट, रिएक्ट, व्ह्यू, एंगल्युलर किंवा इतर क्लायंट-साइड फ्रेमवर्कमधून. हे एकल-पृष्ठ अनुप्रयोग किंवा एकाधिक-पृष्ठ वेब अनुप्रयोग असू शकते आणि आम्ही ऑफलाइन असताना वापरकर्त्यांना कसे समर्थन देणार आहोत हे आम्ही परिभाषित करतो.
या दृष्टीकोनातून, आम्हाला आमच्या अ‍ॅपच्या संसाधनांचे पॅकेज करणे आणि त्यावर स्वाक्षरी करण्याची आवश्यकता नाही: आम्ही फक्त वेब सर्व्हरमध्ये फायली होस्ट करतो आणि क्लायंटमधील फायली कॅश करण्यासाठी सर्व्हिस कर्मचारी जबाबदार असतील आणि स्थापनेनंतर त्यांची सेवा देईल. याचा अर्थ असा आहे की एखाद्या अॅपला अद्यतनित करण्याची आवश्यकता असल्यास, आपण फक्त सर्व्हरवरील फायली बदलल्या आणि वापरकर्त्याच्या किंवा अॅप स्टोअरच्या हस्तक्षेपाशिवाय सर्व्हर वर्करचे तर्क वापरकर्त्याच्या डिव्हाइसवर अद्यतनित करण्यासाठी जबाबदार असेल.
वितरणाच्या बाबतीत, सर्वात सामान्य पद्धत म्हणजे ब्राउझर. वापरकर्ते मुख्यपृष्ठ स्क्रीनवर जोडा किंवा स्थापित मेनू आयटमचा वापर करुन, स्थापित करण्यासाठी आमंत्रण स्वीकारून किंवा सुसंगत प्लॅटफॉर्मवर सानुकूल वेब अॅप वापरकर्ता इंटरफेस वापरुन ब्राउझरमधून अनुप्रयोग स्थापित करतात. हे लक्षात घेण्यासारखे आहे की Appleपल Storeप स्टोअरमध्ये प्रकाशित शुद्ध पीडब्ल्यूए नाकारते आणि वेब डेव्हलपर्सना सफारीद्वारे त्याचे वितरण करण्यास प्रोत्साहित करते.
वापरकर्ता इंटरफेस पूर्णपणे वेब रनटाइमद्वारे व्यवस्थापित केला जातो, याचा अर्थ असा की वेब डिझायनर स्क्रीनवरील प्रत्येक नियंत्रण प्रस्तुत करण्यासाठी जबाबदार आहे. आपण आयओनिक किंवा मटेरियल डिझाइन लायब्ररीसारख्या UI फ्रेमवर्कचा वापर केल्यास, एचटीएमएल आणि सीएसएस Android किंवा iOS वर मूळ इंटरफेसची नक्कल करतील परंतु हे अनिवार्य नाही.पीडब्ल्यूए करतांना, चांगला वापरकर्ता अनुभव ठेवण्यासाठी वेब परफॉरमन्स तंत्र लागू करणे अनिवार्य आहे.
क्षमतांच्या बाबतीत, पीडब्ल्यूएला त्या प्लॅटफॉर्मवरील ब्राउझर इंजिनमध्ये उपलब्ध असलेल्या एपीआयमध्येच प्रवेश असेल आणि अॅप स्टोअर पीडब्ल्यूए वितरण वगळता त्यास मूळ कोडसह विस्तारित केले जाऊ शकत नाही. या प्रकरणात, पीओडब्ल्यूएसाठी आयओएस आणि आयपॅडओएस अधिक मर्यादित प्लॅटफॉर्म आहेत, तर क्रोममध्ये (अँड्रॉइड आणि डेस्कटॉप ओएससाठी) अधिक उपलब्धता आहे आणि फ्यूगु प्रोजेक्टसह जावास्क्रिप्टमध्ये प्रत्येक शक्य एपीआय जोडण्यासाठी जोरदार प्रयत्न करीत आहेत.
- सर्वोत्कृष्ट मेघ संचय: आपल्यासाठी योग्य पर्याय निवडा.
मूळ प्रतिक्रिया
प्रतिक्रिया मूळची शक्ती
- React.js प्रमाणेच नमुने
- काही वेब एपीआय उघडकीस आल्या आहेत
- वेब आणि डेस्कटॉप समर्थन
रिactक्ट नेटिव्हच्या कमकुवतपणा
- वेब यूआय घटक पुन्हा वापरु शकत नाही
- मूळ पुलाला काही काम हवे आहे
- प्रतिक्रिया अनुभव आवश्यक आहे
रिअॅक्ट नेटिव्ह एक मुक्त-स्त्रोत जावास्क्रिप्ट-आधारित घटक फ्रेमवर्क आहे, जो फेसबुकद्वारे प्रायोजित केलेला आहे, जो रिएक्ट डिझाइन नमुन्यांचा तसेच जावास्क्रिप्ट भाषेचा वापर एका स्रोत कोडवरून iOS, आयपॅडओएस आणि Android साठी नेटिव्ह अॅप्स संकलित करण्यासाठी करतो.
पण प्रस्तुत करण्यासाठी कोणतेही HTML घटक स्वीकारले जात नाहीत; केवळ इतर मूळ घटक वैध आहेत. म्हणून, त्याऐवजी ए प्रस्तुत करणे div> च्या बरोबर p> आणि एक इनपुट> जेएसएक्ससह घटक, आपण ए प्रस्तुत करता पहा> च्या बरोबर मजकूर> आणि एक मजकूर इनपुट>. स्टाईलिंग घटकांसाठी, आपण अद्याप सीएसएस वापरता आणि लेआउट फ्लेक्सबॉक्सद्वारे परिभाषित केले जाते.
वापरकर्त्याचा इंटरफेस ब्राउझरच्या डीओएममध्ये प्रस्तुत केला जाणार नाही परंतु Android आणि iOS वरील स्थानिक वापरकर्त्या इंटरफेस लायब्ररी वापरुन. म्हणून, ए बटण> ReactNative मध्ये iOS आणि UIButton ची उदाहरणे बनतील android.widget.Button Android वर वर्ग; रिअॅक्ट नेटिव्हमध्ये कोणताही वेब रनटाइम गुंतलेला नाही.
तथापि, सर्व जावास्क्रिप्ट कोड जावास्क्रिप्ट व्हर्च्युअल मशीन ऑन डिव्हाइसवर अंमलात आणले जाईल, म्हणून अॅपचे संकलन करताना वास्तविक मूळ कोड रूपांतरणासाठी जावास्क्रिप्ट नाही. वेब डेव्हलपर्ससाठी सुप्रसिद्ध एपीआयंचा एक सेट आहे, जसे की फेच एपीआय, वेबसॉकेट्स आणि ब्राउझरचा टाइमरः सेटइंटरव्हल आणि रिक्वेस्टएनिमेशनफ्रेम. अ‍ॅनिमेशनसारख्या सानुकूल एपीआयद्वारे प्लॅटफॉर्ममध्ये अन्य क्षमता उपयोजित केल्या आहेत.
आपण दोन विनामूल्य सीएलआयसह द्रुत रिएक्ट नेटिव्ह प्रकल्प सुरू करू शकता: एक्स्पो किंवा अधिक प्रगत आणि अधिकृत रिअॅक्ट नेटिव्ह सीएलआय. आपण अधिकृत सीएलआय वापरत असल्यास, आपल्याला iOS आणि आयपॅडओएसवर हे करण्यासाठी Android अॅप आणि एक्सकोडचे संकलन आणि चाचणी करण्यासाठी आपल्याला Android स्टुडिओ देखील आवश्यक आहे, जेणेकरून आपल्याला त्या प्लॅटफॉर्मसाठी एक मॅकओएस संगणक आवश्यक असेल.
प्रतिक्रिया द्या नेटिव्ह अॅप्स IOS आणि Android साठी संकलित करतात, ज्याचा अर्थ असा आहे की आपल्या अॅपचे वितरण इतर मूळ अॅप्स प्रमाणेच केले जाईल: सार्वजनिक अनुप्रयोगांसाठी अॅप स्टोअर्स, एंटरप्राइझ वितरण आणि अल्फा / बीटा चाचणी. सामान्यत: आपण ब्राउझरद्वारे अॅप वितरित करू शकत नाही, जरी वेबसाठी मायक्रोसॉफ्टची प्रतिक्रिया द्या आणि विंडोज प्लॅटफॉर्मसाठी मायक्रोसॉफ्टची रिएक्शन नेटिव्ह मदत करू शकेल.
नेटिव्हस्क्रिप्ट
नेटिस्क्रिप्टची शक्ती
- कोडिंग आणि चाचणीसाठी चांगली साधने
- प्ले करण्यासाठी सज्ज अॅप्सची विस्तृत गॅलरी
- सर्व Android आणि iOS API जेएस मध्ये उघडकीस आल्या आहेत
नेटिस्क्रिप्टची दुर्बलता
- लहान समुदाय
- वेब यूआय घटक पुन्हा वापरु शकत नाही
- कोणतेही वेब, डेस्कटॉप किंवा प्रतिक्रिया समर्थन नाही
नेटिस्क्रिप्ट रिअॅक्ट नेटिव्ह म्हणून प्रसिध्द नाही परंतु ती त्याच क्षेत्रात स्पर्धा करते: जावास्क्रिप्ट व वेब फ्रेमवर्कवरील मूळ iOS आणि Android अॅप्स. हे आपल्याला मूळ अॅप्स तयार करण्यासाठी जावास्क्रिप्ट किंवा टाइपस्क्रिप्ट आणि एक एक्सएमएल वापरकर्ता इंटरफेस फाइल वापरू देते. हे बॉक्सच्या अँगुलर आणि व्ह्यूला देखील समर्थन देते, जेणेकरून या फ्रेमवर्कसाठी वापरलेल्या विकसकांसाठी हा एक चांगला उपाय आहे.
नेटिव्हस्क्रिप्टचे फायदे स्पष्ट आहेत जेव्हा आपण अँगुलर किंवा व्ह्यू वापरता. अँगुलरसाठी, आपण वापरत असलेले असे घटक तयार करीत आहात परंतु सर्व डेटा बाइंडिंगसह, टेम्पलेटसाठी HTML ऐवजी एक्सएमएल वापरत आहात. एक्सएमएलमध्ये, त्याऐवजी ए div> च्या बरोबर p> आणि एक img>, आपण ठेवू एक स्टॅक लेआउट> च्या बरोबर लेबल> आणि एक प्रतिमा> घटक.
सीएसएस आणि सॅस ब्राउझरमध्ये सीएसएस सारख्या शैलीसह समर्थित आहेत. रूटिंग आणि नेटवर्क व्यवस्थापन मानक अँगुलर सेवांच्या अंमलबजावणीद्वारे केले जाते. व्ह्यू साठी, हे असेच काहीतरी आहे; आपण त्याऐवजी एचएमएल वापरण्याऐवजी टेम्पलेट एक्सएमएलमध्ये लिहा टेम्पलेट> आपल्या .vue फाईलमधील घटक.
नेटिस्क्रिप्टमध्ये घटकांचा संग्रह आहे जो नंतर Android किंवा iOS नेटिव्ह कंट्रोलवर मॅप केला जातो, म्हणून जेव्हा आपण एखादी यादी किंवा निवडकर्ता प्रस्तुत करता तेव्हा ते मूळ अॅप असेल, रिअॅक्ट नेटिव्ह प्रमाणेच कल्पना वापरुन.
आपला जावास्क्रिप्ट किंवा टाईपस्क्रिप्ट कोड (ट्रान्सप्लेड) मूळ वातावरणावरील / तेथून पुलासह-डिव्हाइस जावास्क्रिप्ट व्हर्च्युअल मशीनमध्ये कार्यान्वित केला जातो. त्या पुलामध्ये, अँड्रॉइड किंवा आयओएस / आयपॅडओएस कडील संपूर्ण नेटिव्ह एपीआय उघडकीस आल्या आहेत म्हणूनच आम्ही क्रॉस-प्लॅटफॉर्म एपीआय वर प्रवेश असूनही, आम्ही जावास्क्रिप्ट / टाइपस्क्रिप्ट व जावा किंवा ऑब्जेक्टिव्ह-सी कोडवर कोणत्याही प्रकारची इन्स्टंट करू किंवा कॉल करू शकतो आणि नेटिव्हस्क्रिप्ट डेटा प्रकार मार्शल करू शकतो.
नेटिस्क्रिप्टला टूलींगसाठी उत्तम समर्थन आहे, व्हीएस कोड प्लगइन्स, सीएलआय, हॉट-रीलोड चाचणी प्रणाली आणि नेटिस्क्रिप्ट प्लेग्राउंड अॅप यासह, आपल्याला चाचणी घेताना सर्व अवलंबन स्थापित करण्याची आवश्यकता नाही तसेच ऑनलाइन म्हणून अनेक अतिरिक्त सेवा देखील स्थापित करण्याची आवश्यकता नाही. खेळाचे मैदान.
शेवटी, नेटिस्क्रिप्ट केवळ Android आणि iOS करिता एक अॅप तयार करते जे आपण त्यांच्या नियमांचे पालन, एंटरप्राइझ वितरण आणि अल्फा / बीटा चाचणीचे पालन केल्यास अधिकृत वितरण चॅनेल आणि अॅप स्टोअरमधून स्थापित केले जाऊ शकते. सामान्यत: ब्राउझरमधून अॅप्स वितरित करण्याचा कोणताही मार्ग राहणार नाही आणि या प्लॅटफॉर्मसाठी डेस्कटॉप अ‍ॅप्ससाठी कोणतेही निराकरण नाहीत.
हा लेख मूळतः प्रकाशित झाला होता अंक 325 नेट ऑफ, वेब डिझायनर्स आणि विकसकांसाठी जगातील सर्वाधिक विक्री होणारी मासिक. खरेदी करा अंक 325 किंवा सदस्यता घ्या निव्वळ
एप्रिल 2020 मध्ये आमच्यास जनरेट जेजे येथे जावास्क्रिप्ट सुपरस्टार्सच्या लाइनअपसह सामील व्हा - ही परिषद तुम्हाला जावास्क्रिप्ट अधिक चांगल्या प्रकारे तयार करण्यात मदत करते. येथे बुक कराgenerateconf.com
