वेब विकास तंत्रज्ञान ट्रेंड 2019

परिचय

डिजिटल परिवर्तनामध्ये दरवर्षी जीवन आणि व्यवसायाच्या अधिकाधिक विविध क्षेत्रांचा समावेश होतो. व्यवसायाला स्पर्धात्मक बनवायचे असल्यास, सामान्य माहिती साइट्स यापुढे पुरेशा नाहीत, मोबाइल आणि वेब अॅप्लिकेशन्स आवश्यक आहेत जे वापरकर्त्यांना केवळ माहिती प्रदान करत नाहीत तर त्यांना काही कार्ये करण्यास देखील परवानगी देतात: वस्तू आणि सेवा प्राप्त करणे किंवा ऑर्डर करणे, साधने प्रदान करणे.

उदाहरणार्थ, आधुनिक बँकांकडे माहिती असलेली वेबसाइट असणे आता पुरेसे नाही; त्यांच्याकडे त्यांच्या ग्राहकांसाठी ऑनलाइन साधने असणे आवश्यक आहे, एक वैयक्तिक खाते जेथे वापरकर्ता खाती, गुंतवणूक आणि कर्जे व्यवस्थापित करू शकतो. अगदी लहान व्यवसायांनाही रूपांतरणे वाढवण्यासाठी सोयीस्कर साधनांची आवश्यकता असते, जसे की डॉक्टर किंवा केशभूषाकाराची भेट घेणे, किंवा रेस्टॉरंटमध्ये टेबल बुक करणे किंवा वाढदिवसाच्या पार्टीसाठी मुलांच्या खेळाची खोली.

आणि मालकांना त्यांच्या कंपनीच्या स्थितीबद्दल सोयीस्कर स्वरूपात वेळेवर माहिती प्राप्त करणे आवश्यक आहे, उदाहरणार्थ, विविध उत्पादन विभागांसाठी सांख्यिकीय डेटा आणि विश्लेषणे किंवा विभागांची उत्पादकता. बर्‍याचदा, प्रत्येक विभाग आपापल्या पद्धतीने हा डेटा संकलित करतो आणि कदाचित भिन्न साधने देखील वापरू शकतो आणि हे सर्व समजून घेण्यासाठी मालकाला बराच वैयक्तिक वेळ घालवावा लागतो, अप्रत्यक्ष किंवा प्रत्यक्ष याचा परिणाम कंपनीच्या कार्यक्षमतेवर आणि शेवटी नफ्यावर होऊ शकतो. डिजिटल परिवर्तन आणि वेब किंवा मोबाईल ऍप्लिकेशन डेव्हलपमेंट देखील येथे मदत करेल.

तंत्रज्ञान स्थिर राहत नाही आणि सतत विकसित होत आहे, आणि काही वर्षांपूर्वी जे वापरले जात होते ते आज संबंधित असू शकत नाही किंवा जे काही वर्षांपूर्वी केले जाऊ शकत नव्हते ते आधीच वास्तव बनले आहे. आणखी आधुनिक साधने आहेत जी तुम्हाला वेब आणि मोबाइल अॅप्लिकेशन्स जलद आणि चांगल्या प्रकारे तयार करण्यात मदत करतात. वैयक्तिक निरीक्षणे आणि अनुभवाच्या आधारे, नजीकच्या भविष्यात कोणत्या तंत्रज्ञान आणि साधनांना मागणी असेल आणि आधुनिक वेब अॅप्लिकेशन तयार करताना तुम्ही त्यांच्याकडे का लक्ष द्यावे याबद्दल मला माझी दृष्टी सांगायची आहे.

एकल पृष्ठ अनुप्रयोग

पारिभाषिक शब्दांची थोडी व्याख्या करूया. सिंगल पेज अॅप्लिकेशन (SPA) हे एक वेब अॅप्लिकेशन आहे ज्याचे घटक एका पेजवर एकदा लोड केले जातात आणि आवश्यकतेनुसार सामग्री लोड केली जाते. आणि अनुप्रयोगाच्या विभागांमध्ये फिरताना, पृष्ठ पूर्णपणे रीलोड होत नाही, परंतु केवळ आवश्यक डेटा लोड आणि प्रदर्शित करते.

सिंगल-पेज अॅप्लिकेशन्सचा वेग आणि वापर सुलभतेच्या दृष्टीने क्लासिक वेब अॅप्लिकेशन्सचा खूप फायदा होतो. SPA च्या मदतीने, तुम्ही रीबूट आणि लक्षणीय विलंब न करता, डेस्कटॉपवर अॅप्लिकेशनप्रमाणे काम करणाऱ्या वेबसाइटचा प्रभाव साध्य करू शकता.

जर काही वर्षांपूर्वी एकल-पृष्ठ अनुप्रयोग व्यावहारिकरित्या शोध इंजिन ऑप्टिमायझेशनला समर्थन देत नसतील आणि मुख्यतः वैयक्तिक खाती आणि प्रशासन पॅनेल तयार करण्यासाठी वापरले जात असतील, तर आज शोध इंजिन ऑप्टिमायझेशन (SEO) साठी पूर्ण समर्थनासह एकल-पृष्ठ अनुप्रयोग तयार करणे खूप सोपे झाले आहे. आज सर्व्हर-प्रस्तुत सिंगल पेज अॅप्लिकेशन्स वापरून, ही समस्या पूर्णपणे नाहीशी झाली आहे. दुसऱ्या शब्दांत, हा एकच-पृष्ठ अनुप्रयोग आहे, परंतु पहिल्या विनंतीवर, सर्व्हर केवळ डेटाच तयार करत नाही, तर प्रदर्शनासाठी तयार असलेले HTML पृष्ठ तयार करतो आणि शोध इंजिनांना सर्व मेटा माहिती आणि सिमेंटिक मार्कअपसह तयार पृष्ठे प्राप्त होतात. .

क्लायंट-साइड वेब ऍप्लिकेशन्स तयार करण्यासाठी टूल्सच्या विकासासह, एकल-पृष्ठ ऍप्लिकेशन्सचा विकास आणि संक्रमण केवळ या आणि त्यानंतरच्या वर्षांमध्ये वाढेल. जर तुमच्याकडे जुना अॅप्लिकेशन जुना झाला असेल आणि हळूहळू काम करत असेल, आणि विभागांमध्ये स्विच करताना पूर्ण पेज रीलोड करूनही, तर या वर्षी तुम्ही जलद एक-पेज अॅप्लिकेशनवर सुरक्षितपणे अपग्रेड करू शकता - आता चांगली वेळ आहे, तंत्रज्ञान तुम्हाला आधीच परवानगी देते. हे जलद आणि कार्यक्षमतेने करण्यासाठी.

आधुनिक आणि वेगवान वेबसाइट असणे खूप चांगले आहे, परंतु मी तुम्हाला प्रामाणिकपणे सांगतो: सर्व अनुप्रयोग सहजपणे एकल-पृष्ठ अनुप्रयोगांमध्ये रूपांतरित केले जाऊ शकत नाहीत आणि संक्रमण महाग असू शकते! म्हणून, आपल्याला हे समजून घेणे आवश्यक आहे की अशा संक्रमणाची आवश्यकता कोणाला आणि का आहे.

तुम्हाला समजण्यास मदत करण्यासाठी, खालील तक्त्यामध्ये मी काही उदाहरणे देईन जेव्हा SPA विकसित करणे किंवा स्विच करणे योग्य आणि न्याय्य आहे आणि ते कधी नाही.

फॉर

जर तुम्हाला एक आधुनिक, जलद अॅप्लिकेशन बनवायचे असेल आणि तुम्हाला फक्त वेब आवृत्तीच नाही तर मोबाइल किंवा अगदी डेस्कटॉप आवृत्ती देखील वापरायची असेल आणि सर्व प्रक्रिया आणि गणना रिमोट किंवा क्लाउड सर्व्हरवर होतील. शिवाय, जेणेकरुन सर्व क्लायंटकडे एक संवाद इंटरफेस असेल आणि नवीन क्लायंट जोडताना सर्व्हर कोडमध्ये प्रत्येक संपादन करण्याची आवश्यकता नाही.

उदाहरणार्थ: सोशल नेटवर्क, एग्रीगेटर्स, SaaS प्लॅटफॉर्म (क्लाउड सेवा म्हणून सॉफ्टवेअर), मार्केटप्लेस

तुमच्याकडे स्टोअर किंवा वेब सेवा असल्यास, तुम्हाला माहिती आहे की ते धीमे आहे आणि लोक निघून जात आहेत, तुम्हाला ते जलद करायचे आहे, तुम्हाला ग्राहकांचे मूल्य समजले आहे आणि अपग्रेडसाठी दशलक्ष रूबल पेक्षा जास्त पैसे देण्यास तयार आहात.

तुमच्याकडे एक मोबाइल अॅप्लिकेशन आहे जो साइटचे API वापरतो, परंतु साइट धीमे आहे आणि पेज दरम्यान हलवताना संपूर्ण सामग्री रीलोड होते

पुन्हा

आपले लक्ष्यित प्रेक्षक आधुनिक ब्राउझर आणि उपकरणे वापरत नसल्यास.

उदाहरणार्थ: विशिष्ट कॉर्पोरेट क्षेत्रे, जसे की बँका, वैद्यकीय संस्था आणि शिक्षणासाठी अंतर्गत प्रणालींचा विकास.

तुम्ही तुमचे मुख्य क्रियाकलाप ऑफलाइन चालवता आणि कोणतीही सेवा ऑनलाइन देण्यास तयार नसाल आणि तुम्हाला फक्त ग्राहकांना आकर्षित करण्याची आवश्यकता आहे.

तुमच्याकडे एखादे ऑनलाइन स्टोअर किंवा वेब सेवा आहे जी आधीच चांगली विक्री करत असेल, तर तुम्हाला ग्राहकांचा प्रवाह किंवा तक्रारी दिसत नाहीत

जर तुमच्याकडे एखादे कार्यरत अॅप्लिकेशन असेल जे एसपीएसाठी रुपांतरित केले जाऊ शकत नाही आणि तुम्हाला फक्त सुरवातीपासून सर्वकाही पुन्हा लिहावे लागेल आणि इतर तंत्रज्ञान वापरावे लागेल आणि तुम्ही यावर काही दशलक्ष खर्च करण्यास तयार नाही.

उदाहरणार्थ: एक बॉक्स केलेली साइट किंवा काही प्रकारचे गृहलिखित प्राचीन, मोनोलिथिक कोड आहे.

प्रोग्रेसिव्ह वेब ऍप्लिकेशन्स

प्रोग्रेसिव्ह वेब अॅप्लिकेशन्स हे मूळ अॅप्लिकेशन आणि वेबसाइटच्या संयुक्त उत्क्रांतीचे उत्पादन आहेत. मूलत:, हा एक वेब अनुप्रयोग आहे जो वास्तविक मूळ अनुप्रयोगासारखा दिसतो आणि वागतो, पुश सूचना प्राप्त करू शकतो, ऑफलाइन मोडमध्ये कार्य करू शकतो इ. या प्रकरणात, वापरकर्त्यास AppStore किंवा Google Play वरून अनुप्रयोग डाउनलोड करण्याची आवश्यकता नाही, परंतु फक्त डेस्कटॉपवर जतन करा.

तंत्रज्ञान किंवा विकासाचा दृष्टीकोन म्हणून, PWA 2015 पासून विकसित होत आहे आणि अलीकडेच ई-कॉमर्स क्षेत्रात प्रचंड लोकप्रियता प्राप्त झाली आहे.

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

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

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

ज्यांच्याकडे आधीपासून इंटरनेट प्रकल्प आहे किंवा मोबाइल उपकरणांच्या समर्थनासह नवीन सेवेसाठी फक्त कल्पना आहे त्यांच्यासाठी सल्लाः संपूर्ण स्थानिक अनुप्रयोग लिहिण्यासाठी घाई करू नका, परंतु प्रथम पीडब्ल्यूए तंत्रज्ञान पहा. तुमच्या उत्पादनासाठी पैशासाठी हे सर्वोत्तम मूल्य असू शकते.

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

सर्व्हरविहीन

हा विकासाचा आणखी एक आधुनिक दृष्टिकोन आहे. नावामुळे, बर्‍याच लोकांना असे वाटते की हा खरोखर सर्व्हरलेस डेव्हलपमेंट आहे, बॅक-एंड कोड लिहिण्याची गरज नाही आणि कोणताही फ्रंट-एंड डेव्हलपर पूर्ण वेब ऍप्लिकेशन तयार करू शकतो. पण ते खरे नाही!

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

उदाहरणार्थ, बस्टल ही मोठी अमेरिकन मीडिया कंपनी सर्व्हरलेसवर स्विच करताना होस्टिंग खर्च 60% पेक्षा जास्त कमी करू शकली. आणि कोका-कोला कंपनी, व्हेंडिंग मशीनद्वारे पेये विकण्यासाठी स्वयंचलित प्रणाली विकसित करताना, सर्व्हरलेसवर स्विच करून होस्टिंग खर्च $13000 वरून $4500 पर्यंत कमी करू शकली.

गेल्या काही वर्षांत, त्याच्या नवीनतेमुळे आणि त्याच्या मर्यादांमुळे, सर्व्हरलेसचा वापर मुख्यत्वे लहान प्रकल्प, स्टार्टअप आणि एमव्हीपीसाठी केला जात आहे, परंतु आज, सॉफ्टवेअरच्या उत्क्रांतीमुळे, सर्व्हर कंटेनरायझेशनची अष्टपैलुत्व आणि शक्ती, साधने उदयास येत आहेत. क्लाउड ऍप्लिकेशन्सच्या विकासासाठी तुम्हाला निर्बंध काढून टाकण्याची, सुलभ आणि वेगवान करण्याची परवानगी देते.
याचा अर्थ असा आहे की एंटरप्राइझ व्यवसाय परिस्थिती जिथे क्लाउड आधुनिकीकरण पूर्वी अशक्य मानले जात होते (उदाहरणार्थ, एज डिव्हाइसेससाठी, ट्रान्झिटमधील डेटा किंवा स्टेटफुल ऍप्लिकेशन्स) आता एक वास्तविकता आहे. चांगली साधने जी पुष्कळ आश्वासने दर्शवतात ती म्हणजे नेटिव्ह आणि सर्व्हरलेस एंटरप्राइझ.

परंतु हे सर्व असूनही, वेब ऍप्लिकेशन डेव्हलपमेंटसाठी सर्व्हरलेस ही सिल्व्हर बुलेट नाही. इतर कोणत्याही तंत्रज्ञानाप्रमाणे, त्याचे फायदे आणि तोटे आहेत आणि आपल्याला हे साधन समजून घेऊन निवडण्याची आवश्यकता आहे, आणि "मायक्रोस्कोपने नखे हातोडा नाही" कारण ते अधिक तांत्रिकदृष्ट्या प्रगत आहे.

हे शोधण्यात तुम्हाला मदत करण्यासाठी, नवीन विकसित करताना किंवा वर्तमान वेब सेवा वर्धित करताना तुम्ही कधी सर्व्हरलेसचा विचार करू शकता याची काही उदाहरणे येथे आहेत:

• जेव्हा सर्व्हरवर लोड नियतकालिक असेल आणि तुम्ही निष्क्रिय क्षमतेसाठी पैसे द्याल. उदाहरणार्थ, आमच्याकडे कॉफी मशीनचे नेटवर्क असलेले क्लायंट होते आणि दिवसातून फक्त काहीशे किंवा हजार वेळा विनंत्यांवर प्रक्रिया करणे आणि आकडेवारी गोळा करणे आवश्यक होते आणि रात्री विनंत्यांची संख्या अनेक डझनपर्यंत घसरली. या प्रकरणात, केवळ संसाधनांच्या प्रत्यक्ष वापरासाठी पैसे देणे अधिक कार्यक्षम आहे, म्हणून आम्ही सर्व्हरलेसवर उपाय प्रस्तावित केला आणि अंमलात आणला;
• जर तुम्ही पायाभूत सुविधांच्या तांत्रिक तपशीलांमध्ये जाण्याची आणि सर्व्हर आणि बॅलन्सर सेट अप आणि देखरेख करण्यासाठी जादा पैसे देण्याची योजना करत नसल्यास. उदाहरणार्थ, मार्केटप्लेस विकसित करताना, तुम्हाला ट्रॅफिक नेमके काय असेल हे माहित नसते किंवा त्याउलट - तुम्ही खूप ट्रॅफिकचे नियोजन करत आहात आणि त्यामुळे तुमचा अॅप्लिकेशन भार सहन करेल याची खात्री आहे, तर सर्व्हरलेस हा एक उत्कृष्ट पर्याय आहे.
• तुम्हाला मुख्य ऍप्लिकेशनमध्ये काही स्ट्रीमिंग इव्हेंट्स करण्याची आवश्यकता असल्यास, साइड डेटा टेबलमध्ये लिहा, काही गणना करा. उदाहरणार्थ, वापरकर्त्याच्या क्रियांचा विश्लेषणात्मक डेटा संकलित करा, त्यावर विशिष्ट पद्धतीने प्रक्रिया करा आणि डेटाबेसमध्ये जतन करा;
• तुम्हाला ऍप्लिकेशनचे सध्याचे ऑपरेशन सुलभ करणे, एकत्र करणे किंवा वेग वाढवणे आवश्यक असल्यास. उदाहरणार्थ, जेव्हा वापरकर्ता क्लाउडवर व्हिडिओ अपलोड करतो तेव्हा प्रतिमा किंवा व्हिडिओंसह कार्य करण्यासाठी कार्यप्रदर्शन-सुधारणार्‍या सेवा तयार करा आणि मुख्य सर्व्हर नेहमीप्रमाणे कार्य करत असताना स्वतंत्र कार्य ट्रान्सकोडिंग हाताळते.

तुम्हाला थर्ड-पार्टी सेवांमधून इव्हेंटवर प्रक्रिया करायची असल्यास. उदाहरणार्थ, पेमेंट सिस्टमच्या प्रतिसादांवर प्रक्रिया करा किंवा संभाव्य क्लायंटच्या विनंत्यांच्या प्रक्रियेला गती देण्यासाठी वापरकर्ता डेटा सीआरएमकडे पुनर्निर्देशित करा
तुमच्याकडे मोठा ऍप्लिकेशन असल्यास आणि ऍप्लिकेशनचे काही भाग मुख्य भाषेपेक्षा वेगळी भाषा वापरून अधिक चांगल्या पद्धतीने अंमलात आणले जाऊ शकतात. उदाहरणार्थ, तुमच्याकडे Java मध्ये एक प्रकल्प आहे आणि तुम्हाला नवीन कार्यक्षमता जोडण्याची आवश्यकता आहे, परंतु तुमच्याकडे कोणतेही मोकळे हात नाहीत, किंवा दिलेल्या भाषेत अंमलबजावणीला जास्त वेळ लागू शकतो आणि दुसर्‍या भाषेत आधीच एक उपाय आहे, नंतर सर्व्हरलेस मदत करू शकते. यासह देखील.

लक्ष देण्यास पात्र असलेल्या साधनांची आणि तंत्रज्ञानाची ही संपूर्ण यादी नाही; आम्ही आमच्या कामात दररोज काय वापरतो आणि ते व्यवसायाला कशी मदत करू शकतात हे मी फक्त शेअर केले आहे.

स्त्रोत: www.habr.com