एक छोटा सा टेम्पलेट पार्सर बनाना सीखना

आपको नमस्कार, पाठक। अभी कुछ समय पहले मैं भी Node.js के अस्तित्व के बारे में नहीं जानता था, लेकिन मैं जावास्क्रिप्ट के साथ बहुत अधिक काम करने में कामयाब रहा, जिसके बाद मुझे कुछ और लिखने का मन नहीं हुआ। कई लोग जो जेएस और इसके ज़ेन को समझते हैं, कि सब कुछ एक वस्तु है, क्लोजर में, अनाम फ़ंक्शन, केवल इसके साथ काम करना पसंद करते हैं। एक बार, उन्होंने एक दोस्त के साथ PHP के बारे में विचारों का आदान-प्रदान किया, ओओपी की अल्पता और असुविधाजनक विशेषताओं की आलोचना की, और मैंने कहा: "सर्वर की ओर PHP के बजाय, JS में लिखें", जिसके लिए मुझे तुरंत प्रतिक्रिया मिली: "आपके हाथों में नोड्ज"। बिना किसी हिचकिचाहट के, मैंने विकी और अन्य संसाधनों के माध्यम से खुदाई शुरू की, फिर कम से कम समय में मैंने उबंटू सर्वर को वर्चुअल बॉक्स पर अपलोड किया और वहां Node.js. स्थापित किया।

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

तो, अवधारणा यह है: हम आवेषण का उपयोग निम्न फ़ॉर्म के टेम्पलेट में करेंगे:

<script type = " nodejs " > 100 + 235 ; </script >

FractalizeR's HabraSyntax Source Code Highlighter .

यह कोड 335 प्रदर्शित करेगा। ऐसी तकनीक क्यों, और उदाहरण के लिए नहीं: <% = 100 + 235%> ? यह विचार है, सबसे पहले, इन टैगों में साधारण जेएस कोड होगा, और इस तरह के डिजाइन संपादकों में बिना किसी त्याग के अनुष्ठान के बिना सिंटैक्स हाइलाइटिंग का समर्थन करेंगे। जेएस कोड क्यों? "आखिरकार, यह बर्बरता है!" ठीक है, मैं व्यक्तिगत रूप से 1C-Bitrix टेम्पलेट मॉडल को पसंद करता हूं, मेरी राय में यह सिर्फ उस स्थिति और चक्रों को सुविधाजनक बनाने के लिए है जिसे आप जानते हैं और हर बार टेम्पलेट इंजन के नए सिंटैक्स को सीखना और उसके तंग ढांचे में उतरना नहीं है। इसके अलावा यह जेएस है! एक विचार पकड़ो? आमतौर पर, टाइपसेटर्स जेएस में लिखते और लिखते हैं, और यहां एक ही जेएस के साथ सम्मिलित होता है, अर्थात, वे जारी रखते हैं, जैसे कि, केवल यह जानते हुए कि हेरफेर के अंत में उनके कोड को सर्वर साइड पर बदल दिया जाएगा। मेरे लिए, यह सबसे अच्छा समाधान है।

अब, अंत में, हम अपने पसंदीदा अभ्यास पर चलते हैं, चरण दर चरण हम कार्यों के विवरण के साथ एक कोड लिखेंगे। सबसे पहले, दो फाइलें बनाएं: हमारी स्क्रिप्ट के लिए start.js और टेम्पलेट के लिए टेम्पलेट। हम start.js में आगे कोड लिखते हैं। अंतर्निहित Node.js मॉड्यूल कनेक्ट करें, जो काम करने के लिए उदाहरण के लिए आवश्यक हैं:

var http = require ( ' http ' ) ; //
var fs = require ( ' fs ' ) ; // ,
var vm = require ( ' vm ' ) ; // JS- ,

FractalizeR's HabraSyntax Source Code Highlighter .

कृपया ध्यान दें कि Node.js को किसी भी Apaches और अन्य चीजों की आवश्यकता नहीं है, यदि आप इसे PHP के साथ तुलना करते हैं, तो यह एक अलग तत्व है। सर्वर सीधे स्क्रिप्ट में उगता है और तब बनाया जाता है जब स्क्रिप्ट कंसोल से निष्पादित होती है। हम सर्वर बनाने के लिए एक वैरिएबल घोषित करेंगे और टेम्पलेट के लिए निर्यात के लिए JSON डेटा संरचना उदाहरण के लिए भी तुरंत घोषणा करेंगे:

var host = {
addr : ' 127.0.0.1 ' ,
port : 8070
} ;

var jsonExport = {
title : ' ' ,
list : [
{ name : ' ' , msg : ' ' } ,
{ name : ' ' , msg : ' ' } ,
{ name : ' ' , msg : ' ! ' }
]
} ;

FractalizeR's HabraSyntax Source Code Highlighter .

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

अगला, हम सर्वर को ब्राउज़र से अनुरोध हैंडलर के साथ बनाते हैं:

var server = http . createServer ( function ( request , response ) {
//
} ) ;

FractalizeR's HabraSyntax Source Code Highlighter .

अभी के लिए, हैंडलर कोड के माध्यम से पर्ची दें और तुरंत स्थानीय मशीन पर पोर्ट 8070 पर सुनना शुरू करें और कंसोल को रिपोर्ट भेजें:

server . listen ( host . port , host . addr ) ;
console . log ( ' : ' + host . addr + ' : ' + host . port ) ;

FractalizeR's HabraSyntax Source Code Highlighter .

अब हैंडलर कोड का वर्णन करने का समय आ गया है:

response . writeHead ( 200 , { ' content-type ' : ' text/html; charset=utf-8 ' } ) ;
fs . readFile ( ' ./template.html ' , function ( err , data ) {
//
} ) ;

FractalizeR's HabraSyntax Source Code Highlighter .

पहली पंक्ति 200 वें सर्वर प्रतिक्रिया के हेडर में वापसी है, अला ओके, सब कुछ ठीक है। दूसरा पैरामीटर, ऑब्जेक्ट शेष हेडर पास करता है, इस मामले में सामग्री प्रकार और एन्कोडिंग। अगली पंक्ति टेम्पलेट फ़ाइल और हैंडलर पढ़ रही है।

और जैसा कि आप अनुमान लगा सकते हैं - टेम्पलेट प्रोसेसिंग कोड जो start.js स्क्रिप्ट को पूरा करता है:

var data = data . toString ( ) ;
var dataArr = data . match ( / \<script type=(nodejs|'nodejs'|"nodejs")\>([^\0]+?)< \/ script\> /gi m ) ;
for ( var i = 0 ; i < ( dataArr . length | | 0 ) ; i + + ) {
var code = dataArr [ i ] . replace ( / ^\<script([^\>]+)\>([^\0]+?)< \/ script\>$ /i m , ' $2 ' ) ;
data = data . replace ( / \<script type=(nodejs|'nodejs'|"nodejs")\>([^\0]+?)< \/ script\> /i m ,
vm . runInNewContext ( code , jsonExport ) ) ;
}
response . end ( data ) ;

FractalizeR's HabraSyntax Source Code Highlighter .

पहली पंक्ति - हम प्राप्त फ़ाइल सामग्री को regs के साथ काम करने के लिए एक पंक्ति में बदलते हैं। मुझे regs के बारे में लिखना नहीं आता है, मैं केवल यह जानने के लिए कि क्या हो रहा है, को दर्ज करने के लिए कुंजियों पर ध्यान दें।
दूसरी पंक्ति - पार्सर कोड के पाए गए टुकड़ों की एक सरणी बनाएं जिसे संसाधित करने और निष्पादन के परिणाम के साथ प्रतिस्थापित करने की आवश्यकता है। कीम gim, g एक से अधिक मैच हैं, मैं केस-असंवेदनशील है, मी मल्टी-लाइन सर्च है (अलग-अलग लाइनों में सर्च करने के बजाय)। रेग के बारे में, मैं अपनी केवल एक ट्रिक नोट करना चाहता हूं, जिसका मैं अक्सर उपयोग करता हूं, यह काम में आ सकती है। एक डॉट कैरेक्टर लाइन ब्रेक को छोड़कर सभी कैरेक्टर को पकड़ लेता है, ऐसे में हमें भी लाइन ब्रेक की जरूरत होती है! और एक बिंदु के बजाय हम लिखते हैं: [^ \ 0] , - जिसका मतलब है कि सब कुछ जो शून्य (शून्य) के बराबर नहीं है। दिलचस्प है, हुह? यह सिर्फ [^] संभव है, लेकिन यदि आप जावास्क्रिप्ट में इसका उपयोग करते हैं, तो निश्चित रूप से इंटरनेट एक्सप्लोरर एक त्रुटि फेंक देगा, इसलिए हम पहले, लंबे संस्करण का उपयोग करते हैं।
तीसरी पंक्ति - एक पाश, हम पार्सर कोड कॉल की सरणी के माध्यम से जाते हैं।
लूप की पहली पंक्ति - वर्तमान पार्सर कोड में, <script *> ... </ script> के बीच कोड को खींचकर कोड चर में जोड़ें।
लूप की दूसरी और तीसरी पंक्ति - डेटा वैरिएबल में हम vm मॉड्यूल का उपयोग करके निष्पादन के परिणाम के साथ वर्तमान पार्सर कॉल को प्रतिस्थापित करते हैं, जो किसी विशिष्ट संदर्भ में दिए गए कोड को निष्पादित करता है। इस मामले में, इस संदर्भ में इसने हमारी JSON संरचना को पारित कर दिया। ध्यान दें कि कुंजी जी के बिना reg केवल वर्तमान सम्मिलित के साथ काम करना है, क्योंकि हम पूरे कोड को बदल रहे हैं।

हमारी start.js फ़ाइल तैयार है, यहाँ इसका पूरा दृश्य है:

var http = require ( ' http ' ) ;
var fs = require ( ' fs ' ) ;
var vm = require ( ' vm ' ) ;

var host = {
addr : ' 127.0.0.1 ' ,
port : 8070
} ;

var jsonExport = {
title : ' ' ,
list : [
{ name : ' ' , msg : ' ' } ,
{ name : ' ' , msg : ' ' } ,
{ name : ' ' , msg : ' ! ' }
]
} ;

var server = http . createServer ( function ( request , response ) {
response . writeHead ( 200 , { ' content-type ' : ' text/html; charset=utf-8 ' } ) ;
fs . readFile ( ' ./template.html ' , function ( err , data ) {
var data = data . toString ( ) ;
var dataArr = data . match ( / \<script type=(nodejs|'nodejs'|"nodejs")\>([^\0]+?)< \/ script\> /gi m ) ;
for ( var i = 0 ; i < ( dataArr . length | | 0 ) ; i + + ) {
var code = dataArr [ i ] . replace ( / ^\<script([^\>]+)\>([^\0]+?)< \/ script\>$ /i m , ' $2 ' ) ;
data = data . replace ( / \<script type=(nodejs|'nodejs'|"nodejs")\>([^\0]+?)< \/ script\> /i m ,
vm . runInNewContext ( code , jsonExport ) ) ;
}
response . end ( data ) ;
} ) ;
} ) ;

server . listen ( host . port , host . addr ) ;
console . log ( ' : ' + host . addr + ' : ' + host . port ) ;

FractalizeR's HabraSyntax Source Code Highlighter .

और फिर, दो बार सोचने के बिना, हम पूरे कोड को template.html फ़ाइल में लिखते हैं (मुझे लगता है कि कोई लेआउट स्पष्टीकरण की आवश्यकता नहीं है):

<html >
<head >
<meta http-equiv = " content-type " content = " text/html; charset=utf-8 " >
<title > <script type = " nodejs " > title ; </script > </title >
</head >

<body >
<h1 > <script type = " nodejs " > title ; </script > </h1 >
<script type = " nodejs " >
var out = ' ' ;
out + = ' <ul>\n ' ;
for ( var i = 0 ; i < list . length ; i + + ) {
out + = ' \t\t<li><b> ' + list [ i ] . name + ' </b> ' + list [ i ] . msg + ' </li>\n ' ;
}
out + = ' \t</ul> ' ;
out ;
</script >
</body >
</html >

FractalizeR's HabraSyntax Source Code Highlighter .

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

तो, अब थोड़ा जादू, हम सांत्वना में टाइप करें:

node start . js

FractalizeR's HabraSyntax Source Code Highlighter .

हम http://127.0.0.1:8070 पर जाएं और आनंद लें! प्रयोगों के साथ शुभकामनाएँ!

PS यह मत भूलिए कि यह केवल एक उदाहरण है, किसी भी त्रुटि संचालक या कुछ भी नहीं है, उदाहरण बहुत न्यूनतर है।