TypeScript अनुप्रयोगों की निगरानी और लॉगिंग: एक संपूर्ण गाइड

शुरुआती लोगों के लिए ऑनलाइन Python प्रशिक्षक

Python आसानी से सीखें बिना सिद्धांत के बोझ के। स्वचालित जांच के साथ व्यावहारिक कार्य हल करें और ब्राउज़र में सीधे कोड लिखें।

पाठ्यक्रम शुरू करें

परिचय: आपके TypeScript प्रोजेक्ट को निगरानी और लॉगिंग की आवश्यकता क्यों है

\n\n

एक स्थिति की कल्पना करें: आपने TypeScript पर एक शानदार सेवा लॉन्च की। सब कुछ पूरी तरह से काम कर रहा है... जब तक कि उपयोगकर्ता का पहला कॉल न आए: "साइट धीमी है!" या "डेटा सेव नहीं हो रहा है!" आप कोड में जाते हैं, लेकिन बग को दोहरा नहीं पाते। परिचित लगता है?

\n\n

TypeScript हमें शक्तिशाली स्थैतिक टाइपिंग देता है, लेकिन यह तार्किक त्रुटियों, मेमोरी लीक या रनटाइम में अप्रत्याशित अपवादों से रक्षा नहीं करता। यहीं पर निगरानी और लॉगिंग काम आते हैं। ये सिर्फ चेकलिस्ट में एक "टिक" नहीं हैं, बल्कि डेवलपर के लिए एक वास्तविक जीवन रक्षक हैं।

\n\n

इस लेख में, हम देखेंगे कि TypeScript अनुप्रयोगों (बैकएंड पर Node.js के साथ और फ्रंटएंड दोनों पर) में निगरानी और लॉगिंग को ठीक से कैसे सेट अप करें, कौन से उपकरण चुनें और लॉग के समुद्र में कैसे न डूबें। चलिए शुरू करते हैं!

\n\n

इसकी आवश्यकता क्यों है? तीन मुख्य कारण

\n\n

1. रीयल-टाइम डिबगिंग

लॉगिंग आपको चल रहे एप्लिकेशन के अंदर झाँकने की अनुमति देता है। अनुमान लगाने के बजाय, आप वेरिएबल के विशिष्ट मान, कॉल स्टैक और घटनाओं का क्रम देखते हैं।

\n\n

2. प्रदर्शन

TypeScript अनुप्रयोगों की निगरानी उन "भारी" फ़ंक्शनों को ट्रैक करने में मदद करती है जो UI को धीमा करते हैं या मेमोरी को रोकते हैं। आप देखेंगे कि एप्लिकेशन सबसे अधिक समय कहाँ खर्च कर रहा है।

\n\n

3. सुरक्षा और ऑडिट

लॉग पहली चीज़ है जो आप किसी घटना की जाँच करते समय दिखाएंगे। किसने, कब और कौन सा डेटा अनुरोध किया? सही लॉग आपकी प्रतिष्ठा बचाएगा।

\n\n

TypeScript में निगरानी और लॉगिंग के लिए उपकरण

\n\n

आइए देखें कि प्रोडक्शन में वास्तव में क्या उपयोग किया जाता है। उपकरण का चुनाव इस बात पर निर्भर करता है कि आप क्या लिख रहे हैं: Node.js पर बैकएंड या ब्राउज़र में फ्रंटएंड।

\n\n

बैकएंड के लिए (Node.js + TypeScript)

Winston — सबसे लोकप्रिय लॉगर। लचीला, ढेर सारे ट्रांसपोर्ट (फ़ाइल, कंसोल, रिमोट सर्वर) के साथ।
Pino — अत्यधिक तेज़, यदि प्रदर्शन महत्वपूर्ण है।
Morgan — HTTP अनुरोधों के लिए (Express के साथ बढ़िया काम करता है)।

\n\n

फ्रंटएंड के लिए (ब्राउज़र TypeScript)

Sentry — त्रुटि निगरानी का राजा। अपवाद, क्रैश, धीमे अनुरोधों को पकड़ता है।
LogRocket — उपयोगकर्ता सत्र + लॉग रिकॉर्ड करता है।
Datadog / New Relic — एंटरप्राइज़ समाधानों के लिए।

\n\n

TypeScript में लॉगिंग सेट अप करना: चरण-दर-चरण गाइड

\n\n

आइए क्लासिक बैकएंड से शुरू करें। हम Winston स्थापित करेंगे — यह TypeScript के साथ पूरी तरह से काम करता है।

\n\n

चरण 1: स्थापना और बुनियादी कॉन्फ़िगरेशन

\n\n

npm install winston\nnpm install @types/winston --save-dev

\n\n

एक फ़ाइल logger.ts बनाएँ:

\n\n

import winston from 'winston';\n\nconst logger = winston.createLogger({\n    level: 'info',\n    format: winston.format.combine(\n        winston.format.timestamp({ format: 'YYYY-MM-DD HH:mm:ss' }),\n        winston.format.errors({ stack: true }),\n        winston.format.json()\n    ),\n    defaultMeta: { service: 'user-service' },\n    transports: [\n        new winston.transports.File({ filename: 'error.log', level: 'error' }),\n        new winston.transports.File({ filename: 'combined.log' }),\n    ],\n});\n\nif (process.env.NODE_ENV !== 'production') {\n    logger.add(new winston.transports.Console({\n        format: winston.format.simple(),\n    }));\n}\n\nexport default logger;

\n\n

अब आप अपने TypeScript कोड में कहीं भी लिख सकते हैं:

\n\n

import logger from './logger';\n\nlogger.info('उपयोगकर्ता सफलतापूर्वक पंजीकृत हुआ', { userId: 123 });\nlogger.error('DB से कनेक्शन में त्रुटि', { error: err.message });

\n\n

ध्यान दें: हम winston.format.errors({ stack: true }) का उपयोग कर रहे हैं। इसका मतलब है कि त्रुटि लॉग करते समय, कॉल स्टैक सहेजा जाएगा — डिबगिंग के लिए सोना।

\n\n