.NET कोर 3.0 परिदृश्यों और प्रदर्शन में ब्लेज़र सर्वर

पिछले महीने .NET कोर 3.0 के साथ Blazor सर्वर की रिहाई के बाद से बहुत सारे लोगों ने हमारे साथ बस .NET और C # के साथ क्लाइंट-साइड वेब UI बनाने में सक्षम होने के बारे में हमारे साथ अपनी उत्तेजना साझा की है। उसी समय, हमने यह भी बहुत सारे प्रश्न सुने हैं कि Blazor Server क्या है, यह Blazor WebAssembly से कैसे संबंधित है, और Blazor Server किन परिदृश्यों के लिए सबसे उपयुक्त है। क्या आपको अपने क्लाइंट-साइड वेब UI की जरूरतों के लिए ब्लेज़र सर्वर चुनना चाहिए, या ब्लेज़र वेबअवेशन के लिए इंतजार करना चाहिए? यह पोस्ट इन सवालों के जवाब देने के लिए और ब्लेज़र सर्वर पैमाने पर प्रदर्शन करता है और हम भविष्य में ब्लेज़र को कैसे विकसित करते हैं, इस बारे में जानकारी प्रदान करना चाहते हैं।

Blazor Server क्या है?

Blazor Server ऐप सर्वर पर Blazor घटकों को होस्ट करता है और वास्तविक समय के सिग्नलआर कनेक्शन पर UI इंटरैक्शन को संभालता है। जैसे ही उपयोगकर्ता ऐप के साथ इंटरैक्ट करता है, यूआई घटनाओं को ऐप बनाने वाले विभिन्न घटकों द्वारा नियंत्रित किए जाने वाले कनेक्शन पर सर्वर को भेज दिया जाता है। जब कोई घटक UI ईवेंट को हैंडल करता है, तो यह उसकी अद्यतन स्थिति के आधार पर प्रदान किया जाता है। ब्लेज़र ने पहले प्रस्तुत किए गए के साथ नए प्रदान किए गए आउटपुट की तुलना की और परिवर्तनों को ब्राउज़र में वापस भेज दिया और उन्हें डोम पर लागू किया।



चूंकि ब्लेज़ोर सर्वर ऐप सर्वर पर .NET कोर पर चलते हैं, इसलिए वे .NET कोर पर चलने के सभी लाभों का आनंद लेते हैं जिसमें महान रनटाइम प्रदर्शन और टूलिंग शामिल हैं। ब्लेज़र सर्वर ऐप बिना किसी ब्राउज़र के लगाए सीमा के बिना .NET मानक पुस्तकालयों के पूर्ण पारिस्थितिकी तंत्र का लाभ उठा सकते हैं।

मुझे ब्लेज़र सर्वर का उपयोग कब करना चाहिए?

Blazor Server आपको जावास्क्रिप्ट लिखने के बिना आज अपने .NET ऐप्स में समृद्ध इंटरैक्टिव UI जोड़ने में सक्षम बनाता है। अगर आपको अपने .NET ऐप में सिंगल-पेज ऐप की अन्तरक्रियाशीलता की आवश्यकता है, तो ब्लेज़र सर्वर एक बढ़िया समाधान है।

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

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

जब आप क्लाइंट से सर्वर पर काम करना चाहते हैं तो ब्लेज़र सर्वर भी उपयोगी होता है। सर्वर के साथ कनेक्शन स्थापित करने और UI इंटरैक्शन को संसाधित करने के लिए ब्लेज़र सर्वर ऐप को केवल एक छोटे से डाउनलोड की आवश्यकता होती है। ऐप लॉजिक को चलाने और यूआई को रेंडर करने की सारी मेहनत फिर सर्वर पर की जाती है। इसका मतलब है कि ऐप की कार्यक्षमता बढ़ने के साथ ही Blazor Server ऐप्स तेजी से लोड होते हैं। क्योंकि ब्लेज़र सर्वर ऐप का क्लाइंट पक्ष बहुत पतला है, यह उन ऐप्स के लिए एक बढ़िया समाधान है, जिन्हें कम-शक्ति वाले उपकरणों पर चलने की आवश्यकता होती है।

बड़े पैमाने पर ब्लेज़र सर्वर का उपयोग करना

ब्लेज़र सर्वर बिजनेस ऐप्स की छोटी आंतरिक रेखा से लेकर बड़े इंटरनेट स्केल ऐप्स तक स्केल कर सकता है। जबकि .NET Core 3.0 अभी भी पूर्वावलोकन में था, हमने यह देखने के लिए Blazor Server का परीक्षण किया कि इसकी बेसलाइन स्केल विशेषताएँ क्या दिखती हैं। हमने सक्रिय ग्राहकों के साथ लोड के तहत एक ब्लेज़र सर्वर ऐप रखा और उपयोगकर्ता इंटरैक्शन की विलंबता की निगरानी की। हमारे परीक्षणों में, Azure (1 vCPU, 3.5 GB मेमोरी) पर एक एकल Standard_D1_v2 उदाहरण विलंबता में किसी भी गिरावट के बिना 5,000 से अधिक समवर्ती उपयोगकर्ताओं को संभाल सकता है।

एक Standard_D3_V2 उदाहरण (4 vCPU, 14GB मेमोरी) 20,000 से अधिक समवर्ती ग्राहकों को अच्छी तरह से संभाला। आगे के भार को संभालने के लिए मुख्य अड़चन उपलब्ध स्मृति थी। क्या आप अपने खुद के ऐप में इस स्तर के पैमाने देखेंगे? यह इस बात पर निर्भर करेगा कि आपके ऐप को प्रति उपयोगकर्ता कितनी अतिरिक्त मेमोरी की आवश्यकता है। लेकिन कई ऐप्स के लिए, हमारा मानना ​​है कि इस स्तर का स्तर काफी उचित है। हम आने वाले हफ्तों में ब्लेज़र सर्वर स्केलेबिलिटी में सुधार पर अतिरिक्त अपडेट पोस्ट करने की भी योजना बना रहे हैं। तो बने रहिये!

Blazor WebAssembly क्या है?

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

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

मुझे Blazor WebAssembly का उपयोग कब करना चाहिए?

Blazor WebAssembly अभी भी पूर्वावलोकन में है और अभी तक उत्पादन के उपयोग के लिए तैयार नहीं है। यदि आप एक उत्पादन तैयार समाधान की तलाश कर रहे हैं, तो ब्लेज़र सर्वर वह है जो हम सुझाएंगे।

एक बार Blazor WebAssembly जहाजों (मई 2020) के बाद, यह उपयोगकर्ता के डिवाइस पर ब्राउज़र में रेजर घटकों और .NET कोड को चलाने में सक्षम होगा। Blazor WebAssembly ऐप सर्वर से क्लाइंट तक काम का बोझ उठाने में मदद करता है। Blazor WebAssembly ऐप क्लाइंट डिवाइस की गणना, मेमोरी और स्टोरेज संसाधनों के साथ-साथ मानक ब्राउज़र एपीआई के माध्यम से उपलब्ध कराए गए अन्य संसाधनों का लाभ उठा सकता है।

Blazor WebAssembly ऐप्स को सर्वर पर .NET के उपयोग की आवश्यकता नहीं है और इसका उपयोग स्थैतिक साइटों के निर्माण के लिए किया जा सकता है। Blazor WebAssembly ऐप सिर्फ स्टैटिक फ़ाइलों का एक समूह है, जिसे किसी स्थिर साइट होस्टिंग समाधान का उपयोग करके होस्ट किया जा सकता है, जैसे GitHub पेज या Azure Static वेबसाइट होस्टिंग। जब एक सेवा कार्यकर्ता के साथ संयुक्त, एक ब्लेज़र WebAssembly ऐप पूरी तरह से ऑफ़लाइन कार्य कर सकता है।

सर्वर पर .NET के साथ संयुक्त होने पर, Blazor WebAssembly पूर्ण स्टैक वेब विकास को सक्षम करता है। आप कोड साझा कर सकते हैं। .NET इकोसिस्टम का लाभ उठा सकते हैं, और अपने मौजूदा .NET कौशल और बुनियादी ढांचे का पुन: उपयोग कर सकते हैं।

अपने वेब ऐप के साथ .NET रनटाइम को शामिल करने से ऐप का आकार बढ़ जाता है, जो लोड समय को प्रभावित करेगा। जबकि इसे कम करने के लिए कई तरह की तकनीकें हैं (सर्वर, एचटीटीपी कैशिंग, आईएल लिंकिंग, इत्यादि पर पहले से ही निर्भर), ब्लेज़र वेबअवेशन उन ऐप्स के लिए सबसे अच्छा विकल्प नहीं हो सकता है जो आकार और लोड समय को डाउनलोड करने के लिए बहुत संवेदनशील हैं।

Blazor WebAssembly ऐप्स को भी एक ब्राउज़र की आवश्यकता होती है जो WebAssembly का समर्थन करता है। WebAssembly मोबाइल और डेस्कटॉप ब्राउज़र सहित सभी आधुनिक ब्राउज़रों द्वारा समर्थित है। हालाँकि, यदि आपको WebAssembly समर्थन के बिना पुराने ब्राउज़र का समर्थन करने की आवश्यकता है, तो Blazor WebAssembly आपके लिए नहीं है।

Blazor WebAssembly UI रेंडरिंग परिदृश्यों के लिए अनुकूलित है, लेकिन वर्तमान में CPU गहन वर्कलोड चलाने के लिए महान नहीं है। Blazor WebAssembly ऐप आज आपके .NET कोड को निष्पादित करने के लिए .NET IL दुभाषिया का उपयोग करता है, जिसमें JIT संकलन के साथ नेट .NET रनटाइम के समान प्रदर्शन नहीं होता है। हम भविष्य में इस परिदृश्य को बेहतर ढंग से संबोधित करने के लिए काम कर रहे हैं। एक इंटरप्रेटर का उपयोग करने के बजाय सीधे WebAssembly के लिए अपने .NET कोड को जोड़ने के लिए समर्थन जोड़कर।

आप बाद में अपना विचार बदल सकते हैं

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

ब्लेज़र के लिए आगे क्या है?

Blazor WebAssembly को शिपिंग करने के बाद, हम न केवल वेब ऐप, बल्कि प्रोग्रेसिव वेब ऐप (PWA), हाइब्रिड ऐप और यहां तक ​​कि पूरी तरह से देशी ऐप्स का समर्थन करने के लिए ब्लेज़र का विस्तार करने की योजना बनाते हैं।

• ब्लेज़र पीडब्ल्यूए: पीडब्ल्यूए वेब ऐप हैं जो अधिक देशी जैसे अनुभव प्रदान करने के लिए नवीनतम वेब मानकों का लाभ उठाते हैं। PWA आपके होम स्क्रीन या विंडोज स्टार्ट मेनू में ऐप को पिन करने के लिए समर्थन की तरह ऑफ़लाइन परिदृश्य, पुश नोटिफिकेशन और OS इंटीग्रेशन का समर्थन कर सकता है।
• ब्लेज़र हाइब्रिड: हाइब्रिड ऐप्स देशी ऐप हैं जो यूआई के लिए वेब तकनीकों का उपयोग करते हैं। उदाहरणों में इलेक्ट्रॉन ऐप और मोबाइल ऐप शामिल हैं जो वेब दृश्य को प्रस्तुत करते हैं। ब्लेज़र हाइब्रिड ऐप WebAssembly पर नहीं चलते हैं, बल्कि इसके बजाय नेट कोर या एक्समरीन जैसे नेटिव नेट रनटाइम का उपयोग करते हैं। आप GitHub पर इलेक्ट्रॉन के साथ Blazor का उपयोग करने के लिए एक प्रयोगात्मक नमूना पा सकते हैं।
• Blazor Native: Blazor ऐप्स आज HTML रेंडर करते हैं, लेकिन रेंडरर को देशी नियंत्रणों के बदले रेंडर किया जा सकता है। एक ब्लेज़र नेटिव ऐप मूल रूप से उपकरणों पर चलता है और उस डिवाइस के लिए देशी नियंत्रण प्रदान करने के लिए एक सामान्य यूआई अमूर्त का उपयोग करता है। यह बहुत हद तक इसी तरह है जैसे कि ज़ामरीन फॉर्म या रिएक्टिव नेटिव जैसे ढांचे आज कैसे काम करते हैं।

ये तीनों प्रयास वर्तमान में प्रायोगिक हैं। हम .NET 5 समय सीमा (नवंबर 2020) में इलेक्ट्रॉन का उपयोग करके ब्लेज़र PWAs और ब्लेज़र हाइब्रिड ऐप्स के लिए समर्थन के आधिकारिक पूर्वावलोकन की उम्मीद करते हैं। ब्लेज़र नेटिव समर्थन के लिए अभी तक कोई रोड मैप नहीं है, लेकिन यह एक ऐसा क्षेत्र है जिसकी हम सक्रिय रूप से जांच कर रहे हैं।

सारांश

.NET कोर 3.0 के साथ, आप आज ब्लेज़र सर्वर के साथ समृद्ध इंटरैक्टिव क्लाइंट-साइड UI बना सकते हैं । ब्लेज़र सर्वर आपके मौजूदा .NET कौशल और संपत्ति का उपयोग करके अपने मौजूदा और नए वेब ऐप में क्लाइंट-साइड कार्यक्षमता को जोड़ने का एक शानदार तरीका है। ब्लेज़र सर्वर आपके सभी वेब ऐप की जरूरतों के लिए पैमाने पर बनाया गया है। Blazor WebAssembly अभी भी पूर्वावलोकन में है, लेकिन अगले साल के मई में जहाज की उम्मीद है। भविष्य में हम PWAs, हाइब्रिड ऐप्स और देशी ऐप्स का समर्थन करने के लिए ब्लेज़र को विकसित करना जारी रखने की उम्मीद करते हैं। अभी के लिए, हम आशा करते हैं कि आप .NET कोर 3.0 स्थापित करके ब्लेज़र सर्वर को आज़माएँगे!