Node.js और WebSocket पर ब्राउज़र में लॉग का गतिशील प्रदर्शन

Node.js और WebSocket पर ब्राउज़र में लॉग का गतिशील प्रदर्शन

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

समाधान के लिए उपकरण और मॉड्यूल

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



नोड वृक्षों में फ़ाइल पेड़ देखने के लिए उपयोगिताएँ - जिसका अर्थ उपस्थिति, विलोपन, साथ ही निर्दिष्ट फ़ोल्डर के अंदर फ़ाइलों में परिवर्तन को ट्रैक करना है।

आम.NODES_PATH के अंदर फ़ाइलों की उपस्थिति / विलोपन पर नज़र रखने और इन घटनाओं के बारे में एक संदेश भेजने का एक उदाहरण।

watch.createMonitor(common.NODES_PATH, function (monitor) { monitor.on("created", function (f, stat) { var file_name = common.removeRoot(f); console.log(file_name + ' created'); var idx = log_files.indexOf(file_name); if (idx < 0) { log_files.push(file_name); io.sockets.emit('log_files_add', [file_name]); watchFile(file_name); } }) monitor.on("removed", function (f, stat) { var file_name = common.removeRoot(f); console.log(file_name + ' removed'); var idx = log_files.indexOf(file_name); if (idx >= 0) { log_files.splice(idx, 1); io.sockets.emit('log_files_remove', [file_name]); unwatchFile(file_name); } }) }) 

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

जेड - टेम्पलेट इंजन - जल्दी से एक सरल यूआई को रेखांकित करने और विचार का परीक्षण करने के लिए।

कार्यान्वयन का उदाहरण

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

   io.sockets.on('connection', function(socket) { var walk = require('walk'); // receive list of log files var walker = walk.walk(common.NODES_PATH, { followLinks: false }); walker.on('file', function(root, stat, next) { if(/log$/.test(stat.name)) { var file_name = common.removeRoot(root + '/' + stat.name); var idx = log_files.indexOf(file_name); if (idx < 0) { log_files.push(file_name); // send initial data portion var tail = spawn('tail', ['-n', 20].concat(common.NODES_PATH + '/' + file_name)); tail.stdout.on('data', function(data) { console.log('emit starting ' + file_name + ':lines' + ' with ' + data.toString('utf-8')); io.sockets.emit(file_name + ':lines', data.toString('utf-8').split('\n')); }); watchFile(file_name); } } next(); }); walker.on('end', function() { socket.emit('log_files_add', log_files); }); }) 

  
  
  
• घड़ी का उपयोग करके, हम एक मॉनिटर बनाते हैं जो नई फ़ाइलों या विलोपन की उपस्थिति की निगरानी करेगा। (जब कोई फ़ाइल हटा रहा है, तो दिए गए लॉग को प्रदर्शित करने वाला ब्लॉक तदनुसार हटा दिया जाता है)
  
  

   function watchFile(file) { console.log('start watching: ' + file); var tail = spawn('tail', ['-f'].concat(common.NODES_PATH + '/' + file)); watching_processes[file] = tail; tail.stdout.on('data', function(data) { console.log('emit ' + file + ':lines' + ' with ' + data.toString('utf-8')); io.sockets.emit(file + ':lines', data.toString('utf-8').split('\n')); }) } function unwatchFile(file) { console.log('end watching: ' + file); var process = watching_processes[file]; process.kill(); watching_processes[file] = null; } 

  
  
  

लांच

सामान्य.जेएस सेटिंग में जिसे मॉनिटर करना है
var NODES_PATH = pathResolver.resolve(__dirname + '/../nodes');

जब * .log फ़ोल्डर और सबफ़ोल्डर के अंदर दिखाई देता है, तो उन्हें ब्राउज़र विंडो में प्रदर्शित किया जाएगा

npm install संकुल को स्थापित npm install लिए संस्थापित करें

[~/Projects/autotest_node] git:master $ mkdir nodes
[~/Projects/autotest_node] git:master $ mkdir nodes/test1
[~/Projects/autotest_node] git:master $ mkdir nodes/test2
[~/Projects/autotest_node] git:master $ echo "test_message1" >> nodes/test1/first.log
[~/Projects/autotest_node] git:master $ echo "test_message1" >> nodes/test2/first.log
[~/Projects/autotest_node] git:master $ echo "test_message2" >> nodes/test2/first.log
[~/Projects/autotest_node] git:master $ echo "test_message2" >> nodes/test1/first.log

npm start सर्वर npm start करने के लिए शुरू करते हैं

स्रोत कोड

https://github.com/catz/autotest_node

निष्कर्ष

यह उदाहरण उपयोगी हो सकता है, उदाहरण के लिए, यदि आप स्वचालित परीक्षण मामलों के परिणामों को साझा करना चाहते हैं और दूसरों को उनके निष्पादन के परिणामों का पालन करने का अवसर देते हैं। हालांकि ऐसे कार्यों के लिए अधिक उन्नत उपकरण हैं, लेकिन यदि आप ब्राउज़र में एक सरल पूंछ बनाना चाहते हैं, तो एक समान उदाहरण अच्छी तरह से काम कर सकता है।