🖊️ ♉️ 🤳🏼 तेजी से विकास की रूपरेखा को समझना 👆 👧🏿 💮

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

इंकोडिंग फ्रेमवर्क asp.net mvc प्लेटफॉर्म पर वेब परियोजनाओं के विकास के लिए एक क्लाइंट / सर्वर समाधान है।

तीन भागों से मिलकर बनता है:

सर्वर - CQRS और ईवेंट ब्रोकर का कार्यान्वयन
यूनिट टेस्ट कॉन्ट्रिब - जल्दी से परीक्षण लिखने के लिए उपयोगिताओं और स्क्रिप्ट का एक सेट
ग्राहक - में विभाजित है:
- IML - एक घोषणात्मक भाषा (इंकोडिंग मेटा लैंग्वेज) जो आपको C # में क्लाइंट स्क्रिप्ट का वर्णन करने की अनुमति देती है
- मॉडल व्यू डिस्पैचर (MVD) - MVC पर CQRS, आपको इंटरव्यू लिखने वाले के बिना कमांड और क्वेरी निष्पादित करने की अनुमति देता है

ध्यान दें: इनकोडिंग फ्रेमवर्क की ख़ासियत यह है कि प्रत्येक भाग एक दूसरे के साथ एकीकृत होता है (IML AJAX के लिए MVD का उपयोग करता है, MVD CQRS चलाता है, आदि), लेकिन इसे अलग से इस्तेमाल किया जा सकता है (Nuget पर 3 स्वतंत्र पैकेज हैं)

चूंकि एक लेख में रूपरेखा के प्रत्येक भाग पर विचार करना संभव नहीं है, इसलिए हमारी लाइब्रेरी के सबसे दिलचस्प घटक पर जोर दिया जाएगा - यह आईएमएल है। मैंने क्लाइंट भाग पर प्रकाश क्यों डाला, तथ्य यह है कि CQRS, इवेंट ब्रोकर और यूनिट टेस्ट में .net दुनिया के कई एनालॉग हैं और यह जल्दी से दिलचस्पी लेना मुश्किल है (हालांकि हमारे पास कई विशेषताएं हैं), लेकिन IML एक ऐसा उपकरण है जो अभी तक नहीं है प्रत्यक्ष एनालॉग।

इसका कोई एनालॉग नहीं है, फिर कार्यों को कैसे हल किया जाता है?

IML का कोई सीधा एनालॉग नहीं है, लेकिन निश्चित रूप से अप्रत्यक्ष हैं:

जावास्क्रिप्ट
jQuery
AngularJS, Backbone, Marionette
टाइपप्रति

जावास्क्रिप्ट के बिना, एक वेबसाइट का निर्माण नहीं

आपको सभी कठिनाइयों से निपटना होगा:

केवल रनटाइम में त्रुटियां
एक गतिशील भाषा घटक जो बड़े अनुप्रयोगों में एक समस्या बन जाता है
यह पता चला है कि अशक्त अलग है (अशक्त, अपरिभाषित, 'अपरिभाषित')
और अनछुए भाषाओं के कई अन्य "आकर्षण"

मैंने सुना नहीं, मेरे पास jquery है

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

ठीक है, चलो यूआई पर वास्तुकला का निर्माण करते हैं

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

खरोंच से वास्तुकला का निर्माण नहीं करने के लिए, आप तैयार किए गए जावास्क्रिप्ट ढांचे का उपयोग कर सकते हैं, उदाहरण के लिए AngularJS, लेकिन फिर आपको नियंत्रक, मार्गों और बहुत कुछ लिखना होगा, मौजूदा कोड को asp.net mvc पर दोहराते हुए। मुख्य समस्या, सभी जावास्क्रिप्ट फ्रेमवर्क की मुख्य समस्या है। आपको JS कोड लिखना होगा

ओह, और यदि जेएस के बिना

हाल ही में, एक टाइप्टर दुभाषिया या एक वैकल्पिक भाषा का उपयोग करके जावास्क्रिप्ट लिखने की प्रवृत्ति विकसित हुई है
टाइपस्क्रिप्ट जावास्क्रिप्ट लिखने की क्षमता है, लेकिन सिंटैक्स की तरह सी # में। टाइपस्क्रिप्ट और आईएमएल में क्या अंतर है:

कोई तैयार कार्य नहीं है (IML एक घोषणात्मक भाषा है जो व्यवहार का वर्णन करती है, लेकिन कार्यान्वयन नहीं)
एक नई भाषा सीखने की जरूरत है (IML C #)
परिणामी JS को बनाने के लिए अतिरिक्त उपयोगिताओं को स्थापित किया जाना चाहिए (IML C #)
सर्वर साइड के साथ एकीकरण नहीं है (IML asp.net mvc के लिए अनुकूलित)

ठीक है, तो आईएमएल कैसे मदद कर सकता है?

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

एक ईवेंट DOM तत्व (उपयोगकर्ता या प्रोग्राम की ओर से) पर उठाया जाता है
कार्रवाई निष्पादित की जाती है (अक्सर यह निर्दिष्ट url के लिए एक अजाक्स अनुरोध है)
क्रिया पूर्ण कॉलबैक जो क्रियाओं की एक श्रृंखला शुरू करता है (प्राप्त डेटा सम्मिलित करना, DOM के साथ काम करना, CSS को अपडेट करना, jQuery प्लगइन का उपयोग करके)

मुझे कोड दिखाएं, अभी सब कुछ स्पष्ट हो जाएगा

Html.When(JqueryBind.InitIncoding) .Do() .AjaxGet(Url.Dispatcher().Query(GetCardsQuery { Client = Html.Selector.Name(r=>r.Client) })) .OnSuccess(dsl => dsl.Self().Core().Insert.WithTemplate(idTemplate.ToId()).Html()) .AsHtmlAttributes() .ToDiv()

बेहतर एल्गोरिथ्म

IML घोषणात्मक है, इसलिए इसके निर्माण का वर्णन आसानी से किया जा सकता है

जब InitIncoding - जब कोई ईवेंट पृष्ठ पर कोई तत्व दिखाई देता है
ईवेंट व्यवहार को संभालने का एक तरीका - डिफ़ॉल्ट को रोकें, प्रचार को रोकें)
क्रिया - निर्दिष्ट url के लिए ajax अनुरोध
ध्यान दें: उदाहरण के लिए, MVD का उपयोग url के निर्माण के लिए किया जाता है, लेकिन आप पुराने जमाने के Url.Action ("कंट्रोलर", "एक्शन", नए {क्लाइंट = Html.Selector.Name (r = rClClient)} का भी उपयोग कर सकते हैं)
ऑन - एक्शन के सफल समापन पर, हम क्रियाओं का एक क्रम निष्पादित करते हैं, उदाहरण के लिए, यह टेम्प्लेट के माध्यम से डेटा प्रविष्टि है
AsHtmlAttributes - हम अपने IML कोड को एक "गर्म और विश्वसनीय" रूटवैल्यूडाउन में पैक करते हैं
ToDiv - पेज को Div के रूप में घोषित करें (किसी भी टैग में संभव)

संरचनात्मक आरेख को समझने का सबसे आसान तरीका

IML के अन्य कारण क्या हैं?

यदि आप IML के मुख्य लाभों पर प्रकाश डालते हैं, तो:

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

यहाँ, हमें C # बताएं

सी # भाषा संभवतः सबसे अमीर कार्यक्षमता रखती है और यह महत्वपूर्ण है कि यह सब आपके रेजर पेज के भीतर इस्तेमाल किया जा सकता है, अर्थात, अनाम फ़ंक्शंस, लैम्ब्डा और भी बहुत कुछ, जो आपको अपने आवेदन को फिर से भरने की अनुमति देता है।

अपने स्वयं के एचटीएमएल एक्सटेंशन विकसित करने की क्षमता, जो फिर से विभिन्न पृष्ठों पर उपयोग की जाती है।
```
 @Html.Project().Load(setting => { setting.Template = Selector.Jquery.Id(tmplId); setting.Url = Url.Dispatcher().Query(GetCardsQuery { Client = Html.Selector.Name(r=>r.Client) }); })}) 
```
नोट: कोड वही कार्य करता है जो पहले उदाहरण में माना गया था

अनाम फ़ंक्शन, सही में MvcHtmlString बनाने के लिए

 @{ Func<bool, mvchtmlstring=""> createComplete = (value) => Html.When(JqueryBind.Change) .Do() .AjaxPost(Url.Dispatcher().Push(new SomeCommand { IsAdmission = each.For(r => r.IsAdmissionComplete) })) .OnSuccess(dsl => // something ) .AsHtmlAttributes() .ToCheckBox(value); } @using (each.Is(r => r.IsComplete)) { @createComplete(true) } @using (each.Not(r => r.IsComplete)) { @createComplete(false) }

क्या यह सब ठीक है?

यहां इंकोडिंग फ्रेमवर्क के नकारात्मक पहलुओं की एक सूची दी गई है

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

निष्कर्ष

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

प्रतिक्रिया और टिप्पणियों को सुनने के लिए पीएस ग्लैड

तेजी से विकास की रूपरेखा को समझना