Winston: क्या विंस्टन को लॉगिंग के लिए फ्रंट-एंड (यानी ब्राउज़र) पर इस्तेमाल किया जा सकता है?

मैंने इसकी कोशिश नहीं की है, लेकिन यह मदद कर सकता है https://github.com/farpoint/meteor-winston-client

यह संबंधित है: https://github.com/flatiron/winston/issues/180

उस लिंक पर 404 है @joshacheson !!

क्या इस मुद्दे पर आपकी कोई प्रगति हुई है?

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

अच्छी खबर यह है कि कोड ज्यादातर साफ और अच्छी तरह से संरचित है, लेकिन शैली और दृष्टिकोण पर मुख्य देवों से कुछ मार्गदर्शन की आवश्यकता होगी। क्या @indexzero / @pose आपके विचार साझा कर सकते हैं?

इस मुद्दे के साथ कोई प्रगति?

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

+1

वही या मैं। आगे और पीछे के लिए समान लॉगिंग लिब होने से भी मदद मिलती है।

मैं बस इसे ब्राउज़ कर रहा था और यह शर्म की बात है कि भले ही इसमें http परिवहन हो, ब्राउज़र/अन्य के लिए कोई मानक क्लाइंट नहीं दिखता है।

दुख की बात है कि मुझे बनयन का उपयोग करना होगा

इस पर कोई भी समाचार?

यदि आप वास्तव में इसका उपयोग करना चाहते हैं, तो आप इसके लिए केवल एक कस्टम परिवहन लिख सकते हैं, उदाहरण के लिए:

const Transport = require('winston-transport');

export default class BrowserConsole extends Transport {
  constructor(opts) {
    super(opts);

    this.name = 'BrowserConsole';
    this.levels = {
        error: 0,
        warn: 1,
        info: 2,
        debug: 4,
    };

    this.methods = {
        error: 'error',
        warn: 'warn',
        info: 'info',
        debug: 'log',
    };

    this.level = opts.level && this.levels.hasOwnProperty(opts.level)
                  ? opts.level : 'info';
  }

  log(method, message) {
    setImmediate(() => {
      this.emit('logged', method);
    });

    const val = this.levels[method];
    const mappedMethod = this.methods[method];

    if (val <= this.levels[this.level]) {
      // eslint-disable-next-line
      console[mappedMethod](message);
    }
  }
}

फिर आप इसे इस तरह इस्तेमाल कर सकते हैं:

import BrowserConsole from './BrowserConsole';

const { createLogger, transports } = require('winston');

const log = createLogger({
  level: 'info',
});

if (process.env.NODE_ENV !== 'production') {
  log.add(new BrowserConsole({
    level: 'info',
  }));
}

इस परिवहन के साथ, आपको एक बेकार चेतावनी मिलती है क्योंकि इसे लीगेसी कोड माना जाता है। अन्य कंसोल विधियों ( table , dir , trace , ...) का उपयोग करने की संभावना को जोड़ना भी सुंदर होगा, लेकिन सादगी के लिए यह ऐसा ही है।

धन्यवाद @chrisvoo , मैंने इस समाधान की कोशिश की है लेकिन त्रुटि मिली है:

ReferenceError: Buffer is not defined
    replacer 
    json.js/module.exports< 
    _transform 
    _stream_transform.js/Transform.prototype._read
    _stream_transform.js/Transform.prototype._write
    doWrite
    writeOrBuffer
    _stream_writable.js/Writable.prototype.write
    log

@ दिमित्री-सालनिकोव मुझे नहीं पता, बीटीडब्ल्यू मैं समझ नहीं पा रहा हूं कि यह कोड स्ट्रीम का उपयोग क्यों कर रहा है। शायद मेरा उपयोग मामला बहुत आसान था। आप इसका उपयोग कैसे कर रहे हैं, इसे साझा करने का प्रयास करें।

@chrisvoo मैंने BrowserConsole कार्यान्वयन को एक अलग फ़ाइल में कॉपी किया है, फिर दूसरी फ़ाइल में कोड के दूसरे भाग को चिपकाया है, और BrowserConsole परिवहन कोड (आपके स्निपेट की अंतिम पंक्ति) जोड़ने के बाद मैं बस कोशिश की है:

log.info('hello world');

तब मुझे त्रुटि मिली, और कोशिश की:

log.log('info, 'hello world');

दोनों कॉल एक ही त्रुटि लौटाते हैं।

मेरा वातावरण जो ब्राउज़र में नोड का उपयोग करना संभव बनाता है Meteor.js v1.6 (नोड 8.8.1) है। साथ ही मैंने आपके कोड स्निपेट की किसी भी पंक्ति को संशोधित नहीं किया है।

बीटीडब्लू: मैंने बहुत समय पहले विंस्टन का उपयोग शुरू नहीं किया है, इसलिए कुछ गलत कर रहा हूं।

@ दिमित्री-सालनिकोव आपको किस तरह की त्रुटि मिलती है? जैसे "जानकारी एक कार्य नहीं है"? शायद किसी कारण से, यह बुरी तरह से आयात किया गया है।

@chrisvoo कृपया एक नज़र डालें:

BrowserConsole.js (आप इसे फ़ाइल ट्री में देख सकते हैं) की सामग्री बिल्कुल आपके स्निपेट की तरह है।

और मैं आपसे सहमत हूं, मुझे लगता है कि आयात में कुछ गड़बड़ है, लेकिन यह पता नहीं लगा सकता कि क्यों :( क्या आप इस पर अपने विचार साझा कर सकते हैं?

आपका विंस्टन संस्करण क्या है? मेरा है:

"winston": "^3.0.0-rc1",
"winston-transport": "^3.0.1"

असल में वही

$ npm ls | grep winston
├─┬ [email protected]
│ └── [email protected]
└── [email protected]
$ cat package.json | grep winston
    "winston": "^3.0.0-rc1",
    "winston-transport": "^3.0.1"

इस समस्या को हल करने की कोशिश में मैंने एक और परीक्षण किया है:

import winston from 'winston';
import BrowserConsole from '/imports/BrowserConsole.js';

const format = winston.format;
// next line throws exception, see below
const { combine, timestamp, label, printf, colorize, prettyPrint } = format;

const logger = winston.createLogger({
...

और अगली त्रुटि मिली: Cannot find module './combine'

यहां स्टैक ट्रेस और संबंधित कोड (ब्राउज़र स्क्रीनशॉट) है:

ऐसा लगता है कि कुछ वास्तव में बुरी तरह से आयात किया गया है। @chrisvoo क्या आप कृपया एक नज़र डाल सकते हैं?

विंस्टन 3.0.0 में, परिवहन धाराएं हैं। हालांकि, browserify-stream में, readableStream instanceof Stream सही नहीं है। इससे विंस्टन परिवहन को लिगेसी रैपर में लपेटने और चेतावनी देने में वापस आ जाता है। मैंने स्ट्रीमनेस डिटेक्शन के लिए एक अलग तरीके का उपयोग करने के लिए एक पीआर बनाया: #1145

@ जसु सच मैंने इसे भी देखा, मैंने इस संबंध में विंस्टन-ट्रांसपोर्ट पर पहले एक मुद्दा जमा किया है। कंसोल ट्रांसपोर्ट के आइसोमॉर्फिक होने के लिए मैं जल्द ही एक पुल अनुरोध भी सबमिट करूंगा।

IGNOREME: मैं यहां टिप्पणी कर रहा हूं ताकि भविष्य में मैं इस मुद्दे को फिर से आसानी से ढूंढ सकूं, [क्योंकि मैं अकेले सदस्यता लेने से ऐसा नहीं कर सकता](https://github.com/isaacs/github/issues/283)।

मैं उसी समस्या से मिला, Error: Cannot find module './combine' ।

+1

@chrisvoo : नीचे त्रुटि है, जब मैं आपका स्निपेट चलाने की कोशिश करता हूं (विंस्टन और विंस्टन-परिवहन 3+ संस्करणों पर हैं)
विंस्टन-परिवहन/index.js . में त्रुटि
मॉड्यूल नहीं मिला: त्रुटि: node_modules/winston-transport' में 'स्ट्रीम' को हल नहीं कर सकता

क्या इस साल पीआर #1145 (नवंबर 2017 में खोला गया) का विलय होने की कोई संभावना है? :आँख मारना:

@ दिमित्री-सालनिकोव #1145 को मास्टर में मिला दिया गया है। हालांकि अभी रिलीज में नहीं है।

बंद बंद बंद.

आलू के समर्थन के लिए धन्यवाद

5 साल, कम से कम इसके फलने-फूलने। जावास्क्रिप्ट आईएमओ के लिए विंस्टन अभी भी सबसे अच्छा लॉगिंग सिस्टम है

धन्यवाद!

यह तब तक खुला रहेगा जब तक हमारे परीक्षण सूट में ऐसे परीक्षण नहीं होंगे जो ब्राउज़र समर्थन को सत्यापित करते हैं। ऐसा लगता है कि हालांकि बेबेल और वेबपैक के किनारे और कोने के अधिकांश मामलों को हल कर लिया गया है।

यहां हम विंस्टन से प्यार करते हैं और क्लाइंट-साइड लॉगिंग मिडलवेयर की आवश्यकता है।

ब्राउज़र को लागू हुए कुछ समय बीत चुका है और हम अभी से इसका उपयोग करना चाहते हैं।

यूनिट परीक्षण और पूर्ण ब्राउज़र कवरेज की प्रतीक्षा करने से पहले ब्राउज़र समर्थन का कोई मोटा विचार?

मेरे प्रोजेक्ट में विंस्टन आयात करने का प्रयास किया और निम्न संदेश के साथ विफल रहा:
./\~/winston/lib/winston/tail-file.js . में त्रुटि
मॉड्यूल नहीं मिला: त्रुटि: 'fs' को '/Users/me/workspaces/app/node_modules/winston/lib/winston' में हल नहीं कर सकता
@ ./\~/winston/lib/winston/tail-file.js 10:11-24
@ ./\~/winston/lib/winston/transports/file.js
@ ./\~/winston/lib/winston/transports/index.js
@ ./\~/winston/lib/winston.js
@ ./src/app/app.module.ts
@ ./src/main.ts

विंस्टन का index.js ट्रांसपोर्ट आयात करता है जो '.file' आयात करता है जिसके लिए 'fs' की आवश्यकता होती है।

मैं इस नए नरक से सदस्यता कैसे समाप्त करूं

• माइकल

मंगलवार, 7 अगस्त, 2018 को दोपहर 2:19 बजे Kfir Erez [email protected] ने लिखा:

मेरी परियोजना के लिए विंस्टन आयात करने की कोशिश की और निम्नलिखित के साथ विफल रहा
संदेश:
.//winston/lib/winston/tail-file.js . में त्रुटि
मॉड्यूल नहीं मिला: त्रुटि: 'fs' को हल नहीं कर सकता
'/ उपयोगकर्ता/मैं/कार्यस्थान/ऐप/नोड_मॉड्यूल/विंस्टन/लिब/विंस्टन'
@ .//winston/lib/winston/tail-file.js 10:11-24
@ .//winston/lib/winston/transports/file.js
@ .//winston/lib/winston/transports/index.js
@ ./~/winston/lib/winston.js
@ ./src/app/app.module.ts
@ ./src/main.ts

विंस्टन का index.js ट्रांसपोर्ट आयात करता है जो '.file' आयात करता है जिसकी आवश्यकता होती है
'एफएस'।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/winstonjs/winston/issues/287#issuecomment-410946148 ,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AE3lcdZ3aQKEVYvYB2TXjh0dnQ1FaBS2ks5uOTFhgaJpZM4A2vjK
.

@mjcd आप यहां हमेशा के लिए फंस गए हैं 😆 (j/k, आप ईमेल पर या gh के माध्यम से लिंक का उपयोग करके सदस्यता समाप्त कर सकते हैं)

मेरे पास वही त्रुटि है जो @KErez ने वेबपैक का उपयोग किया था

इसे हल करने का एक सामान्य तरीका है node: { fs: 'empty' } को अपने वेबपैक कॉन्फिगरेशन में - और जाहिर है कि ब्राउज़र से File ट्रांसपोर्ट का उपयोग करने की कोशिश न करें, यह काम नहीं करेगा। अच्छा होगा यदि हम उस अतिरिक्त कॉन्फ़िगरेशन सेटिंग के बिना वेबपैक में विंस्टन बंडल बना सकें लेकिन यदि यह संभव हो तो आईडीके। अन्य लोकप्रिय पैकेज भी यही बात सुझाते हैं - हालांकि https://github.com/pugjs/pug-loader/issues/8#issuecomment -328331541 से पता चलता है कि हम इसे विंस्टन के package.json में ठीक कर सकते हैं। कोई इसे आज़माना चाहता है और पीआर खोलना चाहता है अगर यह उस त्रुटि को हल करता है (यानी आपके ऐप की वेबपैक कॉन्फ़िगरेशन को बदले बिना, बस विंस्टन के पैकेज को बदल रहा है। जेसन)?

मुझे मुझे सेट के कारण एक त्रुटि मिल रही है ... मुझे समझ में नहीं आता कि क्यों @chrisvoo के साथ सफल हो रहा है। शायद इसलिए कि आप पॉलीफ़िल का उपयोग करते हैं?

मेरा संबंधित मुद्दा: https://github.com/winstonjs/winston/issues/1489

यहां @chrisvoo कोड (thx सो मच) के आधार पर एक पैकेज बनाया:
https://www.npmjs.com/package/winston-transport-browserconsole।

इसके अलावा, वहाँ एक छोटा सा नमूना है जिससे आप डिफ़ॉल्ट विंस्टन कंसोल आउटपुट के साथ तुलना कर सकते हैं।

इसे हल करने का एक सामान्य तरीका है नोड: {fs: 'खाली' } आपके वेबपैक कॉन्फिगर में

क्या वेबपैक कॉन्फ़िगरेशन में यह परिवर्तन करने की आवश्यकता के बिना वेबपैक ब्राउज़र बंडलों का समर्थन करने की कोई योजना है?

अच्छा होगा यदि हम उस अतिरिक्त कॉन्फ़िगरेशन सेटिंग के बिना वेबपैक में विंस्टन बंडल बना सकें लेकिन यदि यह संभव हो तो आईडीके। अन्य लोकप्रिय पैकेज भी यही सलाह देते हैं -- हालांकि पगज/पग-लोडर#8 (टिप्पणी) से पता चलता है कि हम इसे विंस्टन के पैकेज.जेसन में ठीक कर सकते हैं। कोई इसे आज़माना चाहता है और पीआर खोलना चाहता है अगर यह उस त्रुटि को हल करता है (यानी आपके ऐप की वेबपैक कॉन्फ़िगरेशन को बदले बिना, बस विंस्टन के पैकेज को बदल रहा है। जेसन)?

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

इस पर कोई प्रगति? 6 साल हो गए हैं और कल 2020 होगा :-)

हो सकता है कि समाधान विंस्टन को फिर से पैकेज करना होगा ताकि ट्रांसपोर्टर वे स्वयं के मॉड्यूल हों। एक बेहतर समाधान की तरह लगता है

क्या हम विंस्टन को कोणीय में उपयोग कर सकते हैं? कैसे ?

@ArpithaGMGowda मानक कोणीय सीएलआई के साथ नहीं

फिर हम कोणीय 7 के लिए क्या उपयोग कर सकते हैं ??
कोई उपाय

मैंने अपने आखिरी प्रोजेक्ट में जेएस-लॉगर का इस्तेमाल किया जो बहुत अच्छी तरह से काम करता था और मुझे एल्क को लॉग भेजने की इजाजत देता था, हालांकि ऐसा लगता है कि पिछले साल में इसकी ज्यादा गतिविधि नहीं हुई थी: https://github.com/jonnyreeves/js-logger
अच्छी लॉगिंग सेवाएं हैं जो आपके लिए भी काम कर सकती हैं जैसे कि track.js

मैं इस पुस्तकालय को एक नई संरचना में फिर से लिख रहा हूं जो नोड पर निर्भरता को हटा देता है। क्या इसे आने वाले सप्ताह में खत्म कर देना चाहिए

विंस्टन के साथ समस्या कोड आधारित मूल विशेषताओं को तोड़े बिना आधुनिकीकरण की आवश्यकता है।

परिवहन परत को अपने स्वयं के सबमॉल्ड्स में विभाजित करने की आवश्यकता है जो बदले में ब्रेकिंग परिवर्तन का कारण बनेगी, मुझे लगता है कि टीम इसका कारण नहीं बनना चाहती है। इस बिंदु तक जब तक कि टीम एक नया इको सिस्टम अपनाने को तैयार न हो। मुझे यकीन नहीं है कि जिस पीआर की मरम्मत की जा रही है उसे मंजूरी दी जाएगी।

क्या आप लोगों ने NGX-Logger " https://www.npmjs.com/package/ngx-logger " के साथ प्रयास किया है?

@ArpithaGMGowda मुझे लगता है कि मेरे लिए, मुझे एक कोड आधार लिखना पसंद नहीं है जो आपको एक निर्धारित ढांचे में जोड़ता है। यूआई से सर्विस कॉल तक कोड यथासंभव अज्ञेयवादी होना चाहिए। मुझे एक एकीकृत तंत्र का विचार भी पसंद है। बैकएंड के लिए एक रास्ता और फ्रंटएंड के लिए दूसरा रास्ता क्यों है?

मैं इस पुस्तकालय को एक नई संरचना में फिर से लिख रहा हूं जो नोड पर निर्भरता को हटा देता है। क्या इसे आने वाले सप्ताह में खत्म कर देना चाहिए

@ जॉर्डन-हॉल वंडर अगर हमारे पास जल्द ही आरसी हो (और धन्यवाद)।
विंस्टन का उपयोग करने वाले हमारे प्रोजेक्ट/lib का उपयोग करते समय तोड़ने के लिए तीसरे पक्ष के वेबपैक को संशोधित करने के लिए संघर्ष करना पड़ रहा है।

@MarcoMedrano यह एक मौलिक परिवर्तन है जो सिद्धांत रूप में एक नया पुस्तकालय समय होगा जिसे मैंने इसे समाप्त कर दिया है।

@pose कोर पैकेज से परिवहन परतों को विभाजित करने पर आपका क्या विचार है? मुझे विंस्टन पसंद है लेकिन इको सिस्टम को बदलने की जरूरत है

इसे लिखने में थोड़ा समय लगा, लेकिन मैं इसका कुछ हद तक उचित समाधान लेकर आया हूं।
निम्नलिखित आपको ब्राउज़र में त्रुटि, चेतावनी और सूचना स्तरों का उपयोग करने की अनुमति देगा ( कस्टम उपसर्गों के साथ!), और वे इस तरह दिखाई देंगे:

इसके लिए काम करने के लिए, आपको निर्भरता के रूप में winston , logform और winston-transport स्थापित करने की आवश्यकता है।

यहां वह कोड है जिसे आपको इसे लागू करने की आवश्यकता है।
ध्यान दें कि यह टाइपस्क्रिप्ट में लिखा गया है, जावास्क्रिप्ट उदाहरण नीचे है।

import * as winston from 'winston';
import {TransformableInfo} from 'logform';
import TransportStream = require('winston-transport');

// enumeration to assign color values to
enum LevelColors {
  INFO = 'darkturquoise',
  WARN = 'khaki',
  ERROR = 'tomato',
}

// type levels used for setting color and shutting typescript up
type Levels = 'INFO' | 'WARN' | 'ERROR';

const defaultColor = 'color: inherit';

//! Overriding winston console transporter
class Console extends TransportStream {
  constructor(options = {}) {
    super(options);

    this.setMaxListeners(30);
  }

  log(info: TransformableInfo, next: () => void) {
    // styles a console log statement accordingly to the log level
    // log level colors are taken from levelcolors enum
    console.log(
      `%c[%c${info.level.toUpperCase()}%c]:`,
      defaultColor,
      `color: ${LevelColors[info.level.toUpperCase() as Levels]};`,
      defaultColor,
      // message will be included after stylings
      // through this objects and arrays will be expandable
      info.message
    );

    // must call the next function here
    // or otherwise you'll only be able to send one message
    next();
  }
}

// creating silent loggers with according levels
// silent by default to be automatically deactivated
// in production mode
export const logger = winston.createLogger({
  transports: [
    new Console({
      silent: true,
      level: 'info',
    }),
  ],
});

// don't log anything in production mode
// probably should go further and return non
// working logger function to reduce
// execution time and improve speed results
// on application
if (process.env.NODE_ENV !== 'production') {
  logger.transports.forEach(transport => (transport.silent = false));
}

और यहाँ जावास्क्रिप्ट उदाहरण है:

import * as winston from 'winston';

import {TransformableInfo} from 'logform';
import TransportStream = require('winston-transport');

// enumeration to assign color values to
const LevelColors = {
  INFO: 'darkturquoise',
  WARN: 'khaki',
  ERROR: 'tomato',
}

const defaultColor = 'color: inherit';

//! Overriding winston console transporter
class Console extends TransportStream {
  constructor(options = {}) {
    super(options);

    this.setMaxListeners(30);
  }

  log(info, next) {
    // styles a console log statement accordingly to the log level
    // log level colors are taken from levelcolors enum
    console.log(
      `%c[%c${info.level.toUpperCase()}%c]:`,
      defaultColor,
      `color: ${LevelColors[info.level.toUpperCase()]};`,
      defaultColor,
      // message will be included after stylings
      // through this objects and arrays will be expandable
      info.message
    );

    // must call the next function here
    // or otherwise you'll only be able to send one message
    next();
  }
}

// creating silent loggers with according levels
// silent by default to be automatically deactivated
// in production mode
export const logger = winston.createLogger({
  transports: [
    new Console({
      silent: true,
      level: 'info',
    }),
  ],
});

// don't log anything in production mode
// probably should go further and return non
// working logger function to reduce
// execution time and improve speed results
// on application
if (process.env.NODE_ENV !== 'production') {
  logger.transports.forEach(transport => (transport.silent = false));
}

आप LevelColors enum में रंग बदल सकते हैं। यदि आप स्वरूपण बदलना चाहते हैं, तो पंक्ति 29 पर एक नज़र डालें।

डिबग स्तर के लिए समर्थन जोड़ने के लिए। कंसोल विकल्पों में level को 'debug' पर सेट करें।
सभी मानक विंस्टन स्तरों के लिए समर्थन जोड़ना भी संभव है, जिसका अर्थ है: उभरना, चेतावनी, आलोचना, त्रुटि, चेतावनी, जानकारी और डीबग। यदि आप इनका भी उपयोग करना चाहते हैं तो आपको createLogger रूट में इस ऑब्जेक्ट को levels कॉन्फ़िगरेशन में असाइन करना होगा

{
   emerg: 0,
   alert: 1,
   crit: 2,
   error: 3,
   warn: 4,
   info: 5,
   debug: 6,
}

और फिर LevelColors enum में रंग मान जोड़ें।

मैं इस मुद्दे की स्थिति की स्पष्ट तस्वीर पाने के लिए संघर्ष कर रहा हूं। क्या मैं अपने रिएक्ट ऐप में विंस्टन का उपयोग कर सकता हूं?

मुझे वास्तव में ब्राउज़र कंसोल में लॉग इन करने में इतनी दिलचस्पी नहीं है - और काफी ईमानदारी से, मुझे winston console transporter को ओवरराइड करने की बात समझ में नहीं आती है जब बिल्ट-इन console एक ही उद्देश्य को पूरा करता है ; शायद कोई कृपया मुझे प्रबुद्ध कर सकता है।

मेरी स्थिति यह है कि मेरा रिएक्ट ऐप एक डॉकटर कंटेनर में एक nginx / Let's Encrypt प्रॉक्सी के पीछे चलता है, इसलिए मेरे पास किसी भी जावास्क्रिप्ट कंसोल आउटपुट तक पहुंच नहीं है; इसलिए मैं किसी भी लॉग आउटपुट को एक syslog सर्वर पर अग्रेषित करना चाहूंगा।

मैंने सफलतापूर्वक एक syslog-ng डॉकर कंटेनर स्थापित किया है जो डेटाबेस, बैकएंड और कुछ अन्य कंटेनरों से लॉग आउटपुट को समेकित करता है जो मेरी परियोजना से बना है, लेकिन मुझे सिसलॉगिंग के लिए सीधे-आगे/विहित दृष्टिकोण नहीं मिल रहा है रिएक्ट फ्रंटएंड से आउटपुट।

इससे पहले कि मैं कुछ गूंगा घर-निर्मित समाधान हैक करूँ, क्या किसी के पास मेरे लिए कुछ बेहतर सलाह है?
हो सकता है कि ऊपर दिए गए कोड को लें और console.log को कुछ कोड से बदलें जो नेटवर्क पर संदेश को syslog सर्वर पर भेजता है?

@ z00m1n यह ज्यादातर आपके उपयोग के मामले पर निर्भर करता है। मैं अपने द्वारा किए गए सभी अनुरोधों और फ़ंक्शन कॉल को लॉग करने के लिए ब्राउज़र में विंस्टन का उपयोग करता हूं। और अगर मैं उत्पादन के माहौल में हूं तो मैं आउटपुट को केवल प्रिंट त्रुटियों तक सीमित करता हूं।

और मेरे कोड का उपयोग करके और कुछ और के साथ कंसोल.लॉग स्टेटमेंट का आदान-प्रदान करना काम करेगा।

हालांकि, इससे पहले कि आप इस काम को करने के लिए एक हैकी समाधान लिखें, मैं संतरी का उपयोग करने का प्रस्ताव दूंगा।

यह इस बात पर भी निर्भर करता है कि आपका वेबपैक पर नियंत्रण है या नहीं। अफसोस की बात है कि यह अद्भुत पैकेज वास्तुशिल्प रूप से पुराना है जो इसे वास्तव में हल करना असंभव बनाता है

@ किमेनो क्या आपने कोई अजीब व्यवहार या प्रदर्शन के मुद्दों पर ध्यान दिया है? वास्तव में उपयोग करना चाहते हैं लेकिन इसे उबेर-स्थिर होना चाहिए क्योंकि मेरे उपयोग के मामले में उत्पादन में कुछ लॉगिंग होगी ...

@gcperrin सुनिश्चित नहीं है कि आप इसे एक प्रदर्शन समस्या कह सकते हैं, लेकिन मैं कुछ बेंचमार्क चला रहा हूं और निम्नलिखित परिणाम प्राप्त कर रहा हूं:
देव पर्यावरण: यह कंसोल में कुछ लॉग करता है
उत्पाद पर्यावरण: यह कुछ लॉग नहीं करता है लेकिन यह लॉग फ़ंक्शन को कॉल करता है

_console.info (देव पर्यावरण)_; 10.000 लॉग के लिए 1.863s। (0,1893ms प्रत्येक)
_logger.info (देव पर्यावरण)_: 10.000 लॉग के लिए 7.980s। (0.7980ms प्रत्येक)

_logger.info (उत्पाद पर्यावरण)_; 10.000 लॉग के लिए 3.731s। (0.3731ms प्रत्येक)

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

ब्राउज़र पक्ष में फ़ाइल सिस्टम में लॉग इन जारी रखने के लिए विंस्टन का उपयोग करने का कोई तरीका?

मेरे पास एक रिएक्ट एप्लिकेशन है और मैं क्लाइंट साइड लॉग को फाइल सिस्टम में स्टोर करना चाहता हूं। कृपया कुछ विचार सुझाएं।

अग्रिम में धन्यवाद।