"हिस्टोन" - एक नया ओपन-सोर्स क्रॉस-प्लेटफ़ॉर्म टेम्पलेट इंजन

परिचय

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

हिस्टोन क्या है?

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

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

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

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

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

• एक टेम्पलेट - टेम्पलेट इंजन के कई कार्यान्वयन। टेम्पलेट का सिंटैक्स प्रोग्रामिंग भाषा से स्वतंत्र है जिसे इसे संसाधित करने के लिए उपयोग किया जाता है। यह आवश्यक है ताकि सर्वर और ब्राउज़र पर समान टेम्प्लेट को संसाधित किया जा सके और समान परिणाम प्राप्त कर सकें।
  
• पारंपरिक और सहज वाक्यविन्यास। टेम्प्लेट इंजन द्वारा संसाधित किए गए कंस्ट्रक्शन को डेलिमिटर {{और}} के बीच रखा जाता है, बाकी सब टेम्पलेट "जैसा है" के प्रसंस्करण के परिणाम में आता है।
  
• टेम्पलेट से सीधे कोड निष्पादित करने में असमर्थता। कई टेम्पलेट इंजन टेम्पलेट से सीधे संबंधित प्रोग्रामिंग भाषा के कोड को निष्पादित कर सकते हैं। यह किसी अन्य भाषा के कार्यान्वयन में किसी विशिष्ट भाषा के कोड आवेषण के साथ इस तरह के टेम्पलेट के उपयोग की अनुमति नहीं देता है। इसलिए, हिस्टोन में ऐसी संभावना को पूरी तरह से बाहर रखा गया है।
  
• विस्तार में आसान है। टेम्पलेट को संसाधित करने के लिए उपयोग की जाने वाली प्रोग्रामिंग भाषा के बावजूद, प्रदान की गई एपीआई आपको किसी भी परियोजना की जरूरतों को पूरा करने के लिए टेम्पलेट में इसका उपयोग करने के लिए एक नया फ़ंक्शन या संपत्ति जोड़ने की अनुमति देती है।
  
• विभिन्न प्लेटफार्मों पर संसाधित टेम्पलेट्स के लिए एक एकल डेटा स्रोत का उपयोग करने की क्षमता। सार्वभौमिक डेटा प्रारूप जिसके लिए हिस्टोन के पास समर्थन के लिए आवश्यक सब कुछ है JSON है। इसके बावजूद कि कार्यान्वयन भाषा में डेटा सेट के बावजूद, टेम्पलेट भाषा आपको JSON प्रारूप के लिए परिभाषित डेटा प्रकारों के सबसेट के साथ काम करने की अनुमति देती है।
  
• उस वातावरण के बारे में डेटा के साथ टेम्पलेट प्रदान करना जिसमें वह चल रहा है। टेम्प्लेट को उस प्लेटफ़ॉर्म के बारे में विशिष्ट जानकारी दी जाती है, जिस पर वह संसाधित होता है। उदाहरण के लिए, ब्राउज़र में प्रसंस्करण के मामले में, स्क्रीन रिज़ॉल्यूशन या ब्राउज़र विंडो आकार पर जानकारी उपलब्ध है, और सर्वर पर प्रसंस्करण के मामले में, टेम्पलेट ऑपरेटिंग सिस्टम या सर्वर अनुरोध हेडर के बारे में डेटा प्राप्त कर सकता है।
  
• क्रॉस-प्लेटफ़ॉर्म और आसान पोर्टिंग। जावास्क्रिप्ट, जावा और PHP के लिए कार्यान्वयन बॉक्स से बाहर उपलब्ध हैं। कोड के तार्किक संगठन के साथ विशिष्ट बाहरी पुस्तकालयों का उपयोग करने से इनकार करना हिस्टोन के कार्यान्वयन को किसी अन्य प्रोग्रामिंग भाषा में लागू करने की अनुमति देता है, उदाहरण के लिए, C ++, Ruby, Objective-C, ActionScript आदि।
  
• प्रदर्शन। Google क्लोजर टेम्प्लेट के विपरीत, हिस्टोन टेम्प्लेट कोड को प्रोग्रामिंग भाषा के स्रोत कोड में परिवर्तित नहीं करता है जिसमें इसे संसाधित करने की योजना है। इसके बजाय, उत्पाद में शामिल विशेष उपयोगिता की मदद से टेम्पलेट के स्रोत कोड को एक ऐसे रूप में संकलित करना संभव है जिसे उसके पार्सिंग और पार्सिंग (सबसे महंगा ऑपरेशन) के चरण को दरकिनार करके निष्पादित किया जाएगा। इसके अलावा, इस स्तर पर, टेम्पलेट के उन हिस्सों को निष्पादित किया जाता है जो बाहर से परिभाषित कार्यों, गुणों और चर से स्वतंत्र होते हैं।
  

आर्किटेक्चर

टेम्पलेट इंजन के भाग के रूप में, तीन परस्पर संबंधित घटकों को प्रतिष्ठित किया जा सकता है:

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

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

टेम्पलेट सिंटैक्स

एक टेम्प्लेट एक टेक्स्ट डॉक्यूमेंट है जिसमें विशेष टेम्प्लेट टैग्स सम्मिलित होते हैं, जिनकी सामग्री टेम्प्लेट प्रोसेसिंग के दौरान टेम्प्लेट इंजन द्वारा निष्पादित की जाएगी। टेम्प्लेट टैग {{और}} वर्णों के बीच संलग्न टेम्पलेट भाषा के निर्माण हैं। इन वर्णों के बाहर एक पाठ दस्तावेज़ के टुकड़े अपरिवर्तित प्रसंस्करण के परिणाम में स्थानांतरित किए जाएंगे।

सिंटेक्स बेसिक्स

विवरण	उदाहरण
टिप्पणियाँ	{{* टिप्पणी *}}
प्रसंस्करण की रोकथाम	{{% {{२ * २}}%}}
गुण या चर मान प्रदर्शित करें	{{MyValue}} {{MyProp.foo.bar}} {{myObject ["फू"]। बार}}
कॉलिंग फ़ंक्शंस और मैक्रोज़	{{loadText ("file.txt")}} {{global.min (10, 20, 30)}} {{myMacro ("फू", "बार")}}
विधि कॉल	{{"स्ट्रिंग" .toUpperCase ()}} {{123.isNumber ()}}

डेटा प्रकार

विवरण	उदाहरण
मान परिभाषित नहीं है	{{अपरिभाषित}}
कोई मूल्य नहीं	{{अशक्त}}
बूलियन	{{सच}} {{झूठी}}
संख्या	{10}} { {{3.14}} {{12E-4}}
पंक्तियां	{{ «स्ट्रिंग»}} {{ 'स्ट्रिंग'}}
सरणियों	{{[१, २, ३]}} {{["फू": "बार"]}}

संचालन

विवरण	उदाहरण
इसके अलावा	{{१० + २}}
घटाव	{{१० - २}}
गुणन	{{१० * २}}
विभाजन	{{10/2}}
विभाजन का अवशेष	{{10 मॉड 2}}
अनुपयोगी माइनस	{{}} -10
है	{{१० १०}}
न के बराबर	{{१० .नोट २}}
बड़ा	{{१०> २}}
कम	{{2 <10}}
से अधिक या बराबर	{{१०> = २}}
से कम या बराबर	{{2 <= 10}}
तार्किक "या"	{{सही या गलत}}
तार्किक "और"	{{सत्य और असत्य}}
तार्किक "नहीं"	{{सत्य नहीं}}
टर्नरी ऑपरेटर	{{यह सच है? सच: गलत}}

डिज़ाइन

विवरण	उदाहरण
परिवर्तनीय घोषणा	{{var myVar = 10}} {{var myVar}} ... {{/ var}}
शर्त	{{अगर सच है}} ... {{एक और 42}} ... {{}} वरना ... {{/ अगर}}
चक्र	{{मूल्यों में मूल्य}} ... {{/ के लिए}} {{कुंजी के लिए: मूल्यों में मूल्य}} ... {{/ के लिए}}
मैक्रो	{{मैक्रो myMacro (arg1, arg2)}} ... {{/ मैक्रो}}
आयात टेम्पलेट	{{"common.tpl"} आयात करें
फ़ंक्शन या मैक्रो कॉल	{{कॉल myProc ("arg1", "arg2")}} arg3 {{/ कॉल}}

निष्कर्ष

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

आप परियोजना के विकास में सक्रिय भाग ले सकते हैं और इसे अपने संसाधनों में लागू कर सकते हैं। हमारी टीम आपके सभी सवालों का जवाब देने में प्रसन्न होगी।

संदर्भ

• परियोजना की वेबसाइट
• प्रलेखन
• ऑनलाइन कंसोल
• स्रोत कोड