2012-07-27 15 views
9

मैं "tail -f" के समतुल्य की तलाश करता हूं जो HTML5 या जावास्क्रिप्ट का उपयोग कर ब्राउज़र में चलता है।एचटीएमएल 5/websockets/जावास्क्रिप्ट आधारित वास्तविक समय logfile दर्शक?

एक समाधान के लिए HTML5/websockets/जावास्क्रिप्ट और बैक-एंड सर्वर साइड एप्लिकेशन में लिखे गए क्लाइंट साइड कोड की आवश्यकता होगी। मैं सी # में एक की तलाश में हूं लेकिन मैं इसे php या पायथन से फिर से लिखना चाहता हूं।

यह केवल एक चीज है कि मैं देखा है कि करीब आता है

http://commavee.com/2007/04/13/ajax-logfile-tailer-viewer/

है हालांकि, आधुनिक ब्राउज़रों WebSockets जो समस्या बनाता है बहुत सरल है।

http://www.websocket.org/echo.html

आदर्श रूप में, मैं इस तरह की लाइनों के रंग कोडिंग, छंटाई और बहु ​​फ़ाइल tabbing के रूप में BareTail

की क्षमताओं के कुछ

http://www.baremetalsoft.com/baretail/

करना चाहते हैं।

मैं एक ऐसी ही पोस्टिंग जहां किसी आधारित लॉग फ़ाइल कार्यक्रमों

https://stackoverflow.com/questions/113121/best-tail-log-file-visualization-freeware-tool

किसी को कोई सुझाव खिड़कियों की तलाश में है स्थित है?

+0

एचटीएमएल 5 वेबसाइटों पर एक अच्छा लेखन मिला। (Http://refcardz.dzone.com/refcardz/html5-websocket)। उनके पास सभी वेबस्केट सर्वर कार्यान्वयन की एक सूची है। सी # के लिए (http://superwebsocket.codeplex.com) सबसे अच्छा दिखता है। – mbalsam

+0

यह आलेख (http: // stackoverflow।कॉम/प्रश्न/9 2 9 6466/विकल्प-के-वास्तविक-समय-वेब-नोटिफिकेशन-और-अपडेट-का उपयोग-धूमकेतु-xmpp-vs-websocke) वेबसाईट सर्वर के लिए कुछ अन्य राय भी देता है। लेकिन मेरे ऐप में सभी प्रदर्शन विचार नहीं हैं कि इन ऐप बिल्डरों के पास होना चाहिए। – mbalsam

+0

क्लाइंट साइड पर मुझे ऐसा कुछ चाहिए (http://dhtmlx.com/docs/products/dhtmlxGrid/) – mbalsam

उत्तर

1

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

सेटअप कोड वास्तव में आसान है, और सबसे अच्छा हिस्सा यह है कि यह मुफ़्त है।

// set up 
 
var _logServer; 
 

 
(function() { 
 
    var ls = document.createElement('script'); 
 
    ls.type = 'text/javascript'; 
 
    ls.async = true; 
 
    ls.src = 'https://log4sure.com/ScriptsExt/log4sure-0.1.min.js'; 
 
    var s = document.getElementsByTagName('script')[0]; 
 
    s.parentNode.insertBefore(ls, s); 
 
    ls.onload = function() { 
 
    // use your token here. 
 
    _logServer = new LogServer("use-your-token-here"); 
 
    }; 
 
})(); 
 

 
// example for logging text 
 
_logServer.logText("your log message goes here.") 
 

 
// example for logging error 
 
divide = function(numerator, divisor) { 
 
    try { 
 
     if (parseFloat(value) && parseFloat(divisor)) { 
 
     throw new TypeError("Invalid input", "myfile.js", 12, { 
 
      value: value, 
 
      divisor: divisor 
 
     }); 
 
     } else { 
 
     if (divisor == 0) { 
 
      throw new RangeError("Divide by 0", "myfile.js", 15, { 
 
      value: value, 
 
      divisor: divisor 
 
      }); 
 
     } 
 
     } 
 
    } catch (e) { 
 
     _logServer.logError(e.name, e.message, e.stack); 
 

 
    } 
 
    } 
 
    // another use of logError in window.onerror 
 
    // must be careful with window.onerror as you might be overwriting some one else's window.onerror functionality 
 
    // also someone else can overwrite window.onerror. 
 
window.onerror = function(msg, url, line, column, err) { 
 
    // may want to check if url belongs to your javascript file 
 
    var data = { 
 
    url: url, 
 
    line: line, 
 
    column: column, 
 

 
    } 
 
    _logServer.logError(err.name, err.message, err.stack, data); 
 

 
}; 
 

 
//example for custom logs 
 
var foo = "some variable value"; 
 
var bar = "another variable value"; 
 
var flag = "false"; 
 
var temp = "yet another variable value"; 
 

 
_logServer.log(foo, bar, flag, temp);

1

मैं इसे इच्छा जबकि लाइव पीछा और ऐतिहासिक लॉग, निम्नलिखित जे एस ग्राहक कार्यों के लिए बेहतर JSON ऑब्जेक्ट prettification था और भी अपने सर्वर साइड आवश्यकता का समर्थन करता है:

https://github.com/logentries/le_js/wiki/API

<html lang="en"> 
    <head> 
    <title>Your page</title> 
    <script src="/js/le.min.js"></script> 
    <script> 
    // Set up le.js 
    LE.init('YOUR-LOG-TOKEN'); 
    </script> 
</head> 

.....

<script> 
// log something 
LE.log("Hello, logger!"); 
</script> 

निजी तौर पर इसके बाद के संस्करण कोड काम करने के लिए हालांकि, मैं मिला है प्राप्त करने के लिए बस LE.init('YOUR-LOG-TOKEN') ऊपर कोड की निम्न पंक्ति जोड़ने के लिए:

window.LEENDPOINT = 'js.logentries.com/v1' 

.. वैकल्पिक रूप से, Loggly एक फिट के रूप में अच्छी तरह से हो सकता है: https://www.loggly.com/docs/javascript/

संबंधित मुद्दे