वेब विकास प्रौद्योगिकी रुझान 2019

परिचय

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

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

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

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

एकल पृष्ठ आवेदन

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

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

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

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

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

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

के लिए

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

उदाहरण के लिए: सोशल नेटवर्क, एग्रीगेटर्स, SaaS प्लेटफ़ॉर्म (क्लाउड सेवा के रूप में सॉफ़्टवेयर), बाज़ार

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

आपके पास एक मोबाइल एप्लिकेशन है जो साइट के एपीआई का उपयोग करता है, लेकिन साइट धीमी है और पृष्ठों के बीच जाने पर पूरी सामग्री पुनः लोड हो जाती है

के खिलाफ

यदि आपका लक्षित दर्शक आधुनिक ब्राउज़रों और उपकरणों का उपयोग नहीं करता है।

उदाहरण के लिए: विशिष्ट कॉर्पोरेट क्षेत्र, जैसे बैंकों, चिकित्सा संस्थानों और शिक्षा के लिए आंतरिक प्रणालियों का विकास।

आप अपनी मुख्य गतिविधियाँ ऑफ़लाइन संचालित करते हैं और ऑनलाइन कोई भी सेवा प्रदान करने के लिए तैयार नहीं हैं, और आपको केवल ग्राहकों को आकर्षित करने की आवश्यकता है।

यदि आपके पास कोई ऑनलाइन स्टोर या वेब सेवा है जो पहले से ही अच्छी बिक्री करती है, तो आपको ग्राहक बहिर्प्रवाह या शिकायतें नहीं दिखेंगी

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

उदाहरण के लिए: एक बॉक्स्ड साइट या किसी प्रकार का घर-लिखित प्राचीन, अखंड कोड है।

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

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

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

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

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

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

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

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

serverless

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

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

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

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

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

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

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

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

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

स्रोत: www.habr.com