वेब डेवलपमेंट टेक्नोलॉजी ट्रेंड्स 2019

परिचय

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



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

और मालिकों को स्वयं अपनी कंपनी की स्थिति के अनुसार सुविधाजनक रूप में समय पर जानकारी प्राप्त करने की आवश्यकता होती है, उदाहरण के लिए, उत्पादन के विभिन्न विभागों के लिए सांख्यिकीय डेटा और विश्लेषिकी का संग्रह, या विभागों की उत्पादकता। अक्सर, प्रत्येक विभाग इस डेटा को अपने तरीके से इकट्ठा करता है, और यहां तक ​​कि विभिन्न उपकरणों का उपयोग भी कर सकता है और मालिक को इसे बाहर, अप्रत्यक्ष रूप से या सीधे, यह पता लगाने के लिए व्यक्तिगत रूप से बहुत समय बिताने की आवश्यकता होती है, यह कंपनी की दक्षता और अंततः उसके लाभ को प्रभावित कर सकता है। डिजिटल परिवर्तन और वेब या मोबाइल एप्लिकेशन डेवलपमेंट भी यहां मदद करेंगे।

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

सिंगल पेज एप्लीकेशन

चलो थोड़ी शब्दावली को परिभाषित करते हैं। सिंगल पेज एप्लिकेशन (एसपीए) एक वेब एप्लिकेशन है जिसके घटक एक पेज पर एक बार लोड होते हैं, और सामग्री आवश्यकतानुसार अपलोड की जाती है। और जब एप्लिकेशन के अनुभागों के बीच स्विच किया जाता है, तो पृष्ठ पूरी तरह से पुनः लोड नहीं होता है, लेकिन केवल डेटा लोड होता है और आवश्यक डेटा प्रदर्शित होता है।

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

अगर कुछ साल पहले सिंगल-पेज एप्लिकेशन व्यावहारिक रूप से खोज इंजन अनुकूलन का समर्थन नहीं करते थे और मुख्य रूप से व्यक्तिगत डैशबोर्ड और एक व्यवस्थापक पैनल बनाने के लिए उपयोग किया जाता था, तो आज सर्च इंजन ऑप्टिमाइज़ेशन (एसईओ) के लिए पूर्ण समर्थन के साथ सिंगल-पेज एप्लिकेशन बनाना बहुत आसान हो गया है। सर्वर रेंडरिंग के साथ सिंगल-पेज एप्लिकेशन का उपयोग करना, आज यह समस्या पूरी तरह से गायब हो गई है। दूसरे शब्दों में, यह वही एक-पृष्ठ अनुप्रयोग है, लेकिन पहले अनुरोध पर, सर्वर न केवल डेटा उत्पन्न करता है, बल्कि HTML प्रदर्शित करने के लिए एक पृष्ठ तैयार करता है और खोज इंजन को सभी मेटा-सूचना और अर्थ मार्कअप के साथ तैयार पृष्ठ मिलते हैं।

क्लाइंट-साइड वेब एप्लिकेशन बनाने के लिए उपकरणों के विकास के साथ, इस और बाद के वर्षों में एकल-पेज अनुप्रयोगों के लिए विकास और संक्रमण केवल बढ़ेगा। यदि आपके पास एक पुराना एप्लिकेशन है जो पुराना है और धीरे-धीरे चल रहा है, और यहां तक ​​कि अनुभागों के बीच स्विच करने पर एक पूर्ण पृष्ठ पुनः लोड होने के बाद, तो इस वर्ष आप सुरक्षित रूप से एक-पेज के अनुप्रयोग में अपडेट कर सकते हैं - अब एक अच्छा समय है, प्रौद्योगिकियां आपको पहले से ही यह बहुत जल्दी और कुशलता से करने की अनुमति देती हैं।

एक आधुनिक और तेज़ वेबसाइट होना बहुत अच्छा है, लेकिन मैं आपको ईमानदारी से बताना चाहता हूं: सभी एप्लिकेशन को आसानी से सिंगल-पेज वाले में परिवर्तित नहीं किया जा सकता है, और संक्रमण महंगा हो सकता है! इसलिए, आपको यह समझने की आवश्यकता है कि इस संक्रमण की आवश्यकता किसे है और क्यों।

आपको समझने में मदद करने के लिए, नीचे दी गई तालिका में मैं कुछ उदाहरण दूंगा जब एसपीए के लिए विकास या संक्रमण उचित और उचित है, और जब नहीं।

प्रगतिशील वेब अनुप्रयोग

प्रोग्रेसिव वेब एप्लिकेशन एक देशी एप्लिकेशन और एक वेबसाइट के संयुक्त विकास का एक उत्पाद है। वास्तव में, यह एक वेब एप्लिकेशन है जो वास्तविक देशी एप्लिकेशन की तरह दिखता है और व्यवहार करता है, पुश नोटिफिकेशन प्राप्त कर सकता है, ऑफ़लाइन काम कर सकता है, आदि। इस स्थिति में, उपयोगकर्ता को AppStore या Google Play से एप्लिकेशन डाउनलोड करने की आवश्यकता नहीं है, लेकिन केवल डेस्कटॉप पर सहेजें।

प्रौद्योगिकी या विकास के दृष्टिकोण के रूप में, PWA 2015 से विकसित हो रहा है, और हाल ही में यह ई-कॉमर्स क्षेत्र में भी काफी लोकप्रियता हासिल कर रहा है।

कुछ वास्तविक जीवन उदाहरण:

• पिछले साल, बेस्ट वेस्टर्न रिवर नॉर्थ होटल, एक नई PWA- सक्षम वेबसाइट लॉन्च करने के बाद, राजस्व में 300% की वृद्धि करने में सक्षम था;
• अरबी Avito OpenSooq.com अपनी वेबसाइट पर PWA के लिए समर्थन बनाने के बाद साइट पर जाने के समय में 25% की वृद्धि करने में सक्षम था और 260% लीड की संख्या से;
• प्रसिद्ध डेटिंग सेवा टिंडर पीडब्ल्यूए को विकसित करके डाउनलोड गति को 11.91s से 4.69 के दशक तक कम करने में सक्षम था, इसके अलावा, आवेदन अपने मूल Android समकक्ष की तुलना में 90% कम वजन का है।

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

उन लोगों के लिए सलाह जिनके पास पहले से ही एक इंटरनेट परियोजना है या केवल मोबाइल उपकरणों के समर्थन के साथ एक नई सेवा का विचार है: एक पूर्ण देशी आवेदन लिखने के लिए जल्दी मत करो, लेकिन पहले PWA प्रौद्योगिकी को देखें। शायद यह आपके उत्पाद के लिए सर्वोत्तम मूल्य / गुणवत्ता अनुपात समाधान होगा।

थोड़ा सा अभ्यास। एक सरल देशी मोबाइल समाचार एप्लिकेशन बनाने के लिए, बशर्ते कि पहले से ही एक तैयार किया गया REST सर्वर हो, प्रत्येक प्लेटफॉर्म के लिए लगभग 200-300 मानव-घंटे की आवश्यकता होती है। 1,500-2,000 रूबल प्रति घंटे के विकास के प्रति घंटे के औसत बाजार मूल्य के साथ, एक आवेदन में लगभग 1 मिलियन रूबल की लागत आ सकती है। यदि आप PWA के लिए पूर्ण समर्थन के साथ एक वेब एप्लिकेशन विकसित करते हैं: सूचनाओं, ऑफ़लाइन मोड और अन्य अच्छाइयों को आगे बढ़ाएं, तो विकास में 200-300 मानव-घंटे लगेंगे, लेकिन उत्पाद तुरंत सभी प्लेटफार्मों पर उपलब्ध होगा। यानी लगभग 2 बार बचत करना, इस तथ्य का उल्लेख नहीं करना कि आपको आवेदन दुकानों में रखे जाने वाले देय का भुगतान नहीं करना है।

serverless

यह विकास का एक और आधुनिक तरीका है। नाम के कारण, बहुत से लोग सोचते हैं कि यह वास्तव में सर्वर रहित विकास है, आपको बैक-एंड कोड लिखने की आवश्यकता नहीं है, और कोई भी फ्रंट-एंड डेवलपर एक पूर्ण वेब अनुप्रयोग बनाने में सक्षम होगा। लेकिन ऐसा है नहीं!

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

उदाहरण के लिए, बड़ी अमेरिकी मीडिया कंपनी बस्टल, सर्वरलेस पर स्विच करते समय होस्टिंग लागत को 60% से अधिक कम करने में सक्षम थी। और कोका-कोला, वेंडिंग मशीनों के माध्यम से पेय बेचने के लिए एक स्वचालित प्रणाली विकसित करते हुए, सर्वरलेस पर स्विच करके प्रति वर्ष $ 13,000 से $ 4,500 की मेजबानी की लागत को कम करने में सक्षम था।

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

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

यह पता लगाने में आपकी मदद करने के लिए, यहां कुछ उदाहरण दिए गए हैं जब आपको सर्वरविहीन के बारे में सोचना चाहिए जब एक नया विकसित करना या मौजूदा वेब सेवा में सुधार करना चाहिए:

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

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

यह उन उपकरणों और तकनीकों की पूरी सूची नहीं है जो ध्यान देने योग्य हैं, मैंने अभी साझा किया है जो हम खुद अपने काम में हर दिन उपयोग करते हैं और जानते हैं कि वे कैसे व्यापार में मदद कर सकते हैं।