वेब विकास प्रविधि प्रवृत्ति 2019

परिचय

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

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

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

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

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

शब्दावलीलाई थोरै परिभाषित गरौं। एकल पृष्ठ अनुप्रयोग (SPA) एक वेब अनुप्रयोग हो जसको कम्पोनेन्टहरू एक पृष्ठमा एक पटक लोड हुन्छन्, र सामग्री आवश्यक रूपमा लोड हुन्छ। र एप्लिकेसनको खण्डहरू बीचमा सर्दा, पृष्ठ पूर्ण रूपमा पुन: लोड हुँदैन, तर आवश्यक डेटा मात्र लोड र प्रदर्शन गर्दछ।

एकल-पृष्ठ अनुप्रयोगहरूले गति र प्रयोगको सहजताको सन्दर्भमा क्लासिक वेब अनुप्रयोगहरूबाट धेरै लाभ उठाउँछन्। SPA को मद्दतले, तपाइँ रिबुट र महत्त्वपूर्ण ढिलाइ बिना, डेस्कटपमा एप्लिकेसन जस्तै काम गर्ने वेबसाइटको प्रभाव प्राप्त गर्न सक्नुहुन्छ।

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

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

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

तपाईलाई बुझ्न मद्दतको लागि, तलको तालिकामा म SPA विकास गर्ने वा परिवर्तन गर्दा उपयुक्त र उचित हुन्छ, र कहिले होइन भन्ने केही उदाहरणहरू दिनेछु।

FOR

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

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

यदि तपाइँसँग पसल वा वेब सेवा छ भने, तपाइँलाई थाहा छ कि यो ढिलो छ र मानिसहरू छोड्दैछन्, तपाइँ यसलाई छिटो बनाउन चाहानुहुन्छ, तपाइँ ग्राहकहरूको मूल्य बुझ्नुहुन्छ र अपग्रेडको लागि एक मिलियन रूबल भन्दा बढी तिर्न तयार हुनुहुन्छ।

तपाईंसँग साइटको API प्रयोग गर्ने मोबाइल अनुप्रयोग छ, तर साइट ढिलो छ र पृष्ठहरू बीचमा सार्दा पूर्ण सामग्री पुन: लोड हुन्छ।

बिरुद्ध

यदि तपाइँका लक्षित दर्शकहरूले आधुनिक ब्राउजर र उपकरणहरू प्रयोग गर्दैनन्।

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

तपाईं आफ्नो मुख्य गतिविधिहरू अफलाइन सञ्चालन गर्नुहुन्छ र कुनै पनि सेवाहरू अनलाइन प्रदान गर्न तयार हुनुहुन्न, र तपाईंले ग्राहकहरूलाई आकर्षित गर्न आवश्यक छ।

यदि तपाइँसँग पहिले नै राम्रो बिक्री भएको अनलाइन स्टोर वा वेब सेवा छ भने, तपाइँ ग्राहक बहिर्वाह वा गुनासोहरू देख्नुहुन्न

यदि तपाईंसँग काम गर्ने अनुप्रयोग छ जुन SPA का लागि अनुकूलित गर्न सकिँदैन र तपाईंले केवल स्क्र्याचबाट सबै कुरा पुन: लेख्न र अन्य प्रविधिहरू प्रयोग गर्न आवश्यक छ, र तपाईं यसमा लाखौं खर्च गर्न तयार हुनुहुन्न।

उदाहरणका लागि: त्यहाँ एउटा बाकस साइट वा कुनै प्रकारको गृह-लिखित प्राचीन, मोनोलिथिक कोड छ।

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

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

टेक्नोलोजी वा विकासको दृष्टिकोणको रूपमा, PWA 2015 देखि विकास भइरहेको छ, र हालै ई-वाणिज्य क्षेत्रमा ठूलो लोकप्रियता प्राप्त गरेको छ।

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

• गत वर्ष, बेस्ट वेस्टर्न रिभर नर्थ होटलले नयाँ PWA-सक्षम वेबसाइट सुरु गरेपछि 300% राजस्व बढाउन सक्षम भएको थियो;
• अरबी Avito OpenSooq.com, आफ्नो वेबसाइटमा PWA समर्थन सिर्जना गरेपछि, 25% ले साइट भ्रमण गर्ने समय र 260% ले नेतृत्वको संख्या बढाउन सक्षम भयो;
• प्रसिद्ध डेटिङ सेवा टिन्डरले PWA विकास गरेर लोडिङ गति ११.९१s बाट ४.६९ सेकेन्डमा घटाउन सक्षम भएको थियो; यसबाहेक, एपको तौल यसको नेटिभ एन्ड्रोइड समकक्षभन्दा ९०% कम छ।

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

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

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

सर्भरलेस

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

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

उदाहरणका लागि, ठूलो अमेरिकी मिडिया कम्पनी बस्टलले सर्भरलेसमा स्विच गर्दा होस्टिंग लागतहरू 60% भन्दा बढी घटाउन सक्षम थियो। र कोका-कोला कम्पनीले भेन्डिङ मेसिनहरू मार्फत पेय पदार्थहरू बेच्नको लागि स्वचालित प्रणाली विकास गर्दा, सर्भरलेसमा स्विच गरेर होस्टिङ लागतहरू $13000 बाट $4500 प्रति वर्ष घटाउन सक्षम भयो।

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

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

तपाईलाई यो पत्ता लगाउन मद्दतको लागि, यहाँ केहि उदाहरणहरू छन् जब तपाइँ नयाँ विकास गर्दा वा हालको वेब सेवा विस्तार गर्दा सर्भरलेसलाई विचार गर्न चाहानुहुन्छ:

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

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

यो ध्यानको योग्य उपकरण र प्रविधिहरूको सम्पूर्ण सूची होइन; हामीले आफ्नो काममा हरेक दिन प्रयोग गर्ने कुराहरू र उनीहरूले कसरी व्यवसायलाई मद्दत गर्न सक्छन् भन्ने कुरालाई मैले भर्खरै साझा गरेको छु।

स्रोत: www.habr.com