Visual Studio में Node.js डीबग करना

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

जल्दी शुरू करो

Node.js स्थापित करें और NodeVsDebugger का विस्तार करें । इसे एक्सटेंशन गैलरी से भी इंस्टॉल किया जा सकता है: Alt + T, U ऑनलाइन , खोज में "नोड डीबग" दर्ज करें और डाउनलोड पर क्लिक करें।
इसके बाद, js-document खोलें, ब्रेकपॉइंट सेट करें, Ctrl + E, Ctrl + D, voila दबाएँ!

क्या तैयार है?

• पहले से ही रन / स्टेप इन / स्टेप ओवर / स्टेप आउट / रन टू लाइन, लोकल, वॉचेस, एडिटर में किसी भी पहचानकर्ता का निरीक्षण, स्ट्रिंग्स के लिए कस्टम इंस्पेक्टर और सभी तरह की छोटी चीजें;
• स्क्रिप्टिंग को अलग से डीबग करना (Ctrl + E, Ctrl + D);
• स्वत: डिबगर चयन (Ctrl + E, Ctrl + A) के साथ एक परियोजना को डीबग करना, आप सुरक्षित रूप से F5 के लिए रिबंड कर सकते हैं: नोड में डिबगिंग के लिए कॉन्फ़िगर नहीं किए गए प्रोजेक्ट प्रभावित नहीं होंगे);
• नोड ( चित्र ) में निर्मित स्क्रिप्ट (और डीबग) देखें;
• एक दूरस्थ होस्ट पर नोड के लिए कनेक्शन (केवल परियोजनाओं के लिए);
• दूरस्थ स्क्रिप्ट को मैप करना यदि दूरस्थ फ़ोल्डर कनेक्ट है, उदाहरण के लिए, SAMBA या SSHFS के माध्यम से।

डिबगिंग प्रोजेक्ट्स
फिलहाल, प्रोजेक्ट डिबगिंग को बैसाखी के रूप में लिया जाता है, और लगभग किसी भी प्रोजेक्ट को नोड में डीबग किया जा सकता है, चाहे वह वेबसाइट हो, वेब एप्लिकेशन हो, या यहां तक ​​कि C # या C ++ मेकफाइल प्रोजेक्ट हो। ऐसा करने के लिए, आपको पहले डिबग → Node.js डीबगिंग मेनू में, या बस Alt + D, E, C दबाकर हमारे डिबगर को कॉन्फ़िगर करना होगा।
मेरे पास सेटिंग्स के लिए एक सामान्य यूआई बनाने का समय नहीं था, इसलिए अब वे सिर्फ JSON फ़ाइल (टिप्पणियों के साथ) हैं। फ़ाइल की शुरुआत में टिप्पणियों में उपलब्ध सेटिंग्स का वर्णन है और उनका क्या मतलब है। उन्हें वेबसाइट के रूट में या प्रोजेक्ट फ़ाइल के बगल में ".nodevsdbg" नामक फ़ाइल में सहेजा जाता है।
सेटिंग्स हो जाने के बाद, आप Ctrl + E, Ctrl + A का उपयोग करके डीबगर शुरू कर सकते हैं। मैं अनुशंसा करता हूं कि आप इस कमांड पर F5 कुंजी दबाएं, और फिर उन परियोजनाओं के लिए जहां नोड डीबगर के लिए कोई सेटिंग नहीं है, या यह कॉन्फ़िगरेशन (मोड = "बंद") में बंद है, एक मानक डीबगर लॉन्च किया जाएगा।
स्वाभाविक रूप से, मैं बाद में एक नोड-प्रोजेक्ट बनाने की योजना बना रहा हूं, जिस पर एक कस्टम डिबगर पंजीकृत किया जाएगा, और इन सभी बैसाखियों की आवश्यकता नहीं होगी।

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

अब तक क्या गायब है

• मूल्यों का संपादन;
• कार्यों का सामान्य प्रदर्शन (स्रोत कोड के साथ);
• घड़ियों में पूरा होने वाला कोड;
• सहायता तत्काल खिड़की;
• ऑटो विंडो का समर्थन करता है, और वहाँ संदर्भ प्रदर्शित करता है;
• दिखाएँ कि ब्रेकपॉइंट वास्तव में कहाँ सेट किया गया था;
• ब्रेकपॉइंट्स में स्थितियां और हिट-गणना;
• कैप्चर मोड के लिए स्विच करें;
• पूर्ण नोड संलग्न करने के लिए प्रक्रिया के बिना चलने --debug;
• एक दूरस्थ नोड के लिए एक सामान्य कनेक्शन (नकली cmd.exe प्रक्रिया अब शुरू हो रही है);
• डिबग नोड क्लस्टर;
• संपादित करें और जारी रखें (V8 में उर्फ ​​LiveEdit);
• स्टूडियो के एक उदाहरण में देशी कोड और जेएस को डीबग करना;
• जेएस को क्रोम और उसके ब्राउज़रों में डीबग करना (एक ही डीबग प्रोटोकॉल है);
• स्रोत के नक्शे और टाइपस्क्रिप्ट डीबगिंग का समर्थन करता है;
• वीएस 2010 के लिए पैकेज;
• आइकनों की।

मैं निकट भविष्य में इनमें से कुछ सुविधाओं को पूरा करने की योजना बना रहा हूं। लेकिन जब से मैं कभी-कभी शाम को करता हूं, मुझे किसी भी मदद की खुशी होगी - कोड खुला है, पुल अनुरोध भेजें।

यह कैसे किया गया था

नोड में पहले से ही डिबगर के लिए एक तैयार बैकएंड है, जिसे आप केवल 5858 पोर्ट (डिफ़ॉल्ट रूप से) पोर्ट के लिए एक HTTP जैसे प्रोटोकॉल के माध्यम से कनेक्ट करके पहुंच सकते हैं। प्रोटोकॉल JSON फॉर्मेट में मैसेजिंग पर आधारित है। प्रोटोकॉल स्वयं नोड-विशिष्ट नहीं है, लेकिन वी 8 इंजन से विरासत में मिला है। एक संक्षिप्त विवरण यहां पाया जा सकता है । यह दस्तावेज़ एक प्रारंभिक परिचित के लिए पर्याप्त है, हालांकि, जैसा कि बाद में पता चला, यह त्रुटियों, समझ और बेवकूफ टाइपो से भरा है।
स्टूडियो में डिबगर के लिए एक अच्छा तैयार जीयूआई है। स्वाभाविक रूप से, मैंने पहिया को सुदृढ़ नहीं करने का फैसला किया, लेकिन बस इन दो हिस्सों को जोड़ा। दोनों भागों के इंटरफेस और अवधारणाएँ काफी समान हैं, क्योंकि यहाँ कुछ नया आविष्कार करना कठिन है। V8 प्रोटोकॉल में, डीबग की गई प्रक्रिया (ब्रेक, गो, स्टेप) को नियंत्रित करने के लिए कमांड हैं, वर्तमान स्थिति (स्टैकट्रेस उर्फ ​​बैकट्रेस) का एक सर्वेक्षण है, चर, भाव और कोड के टुकड़ों को देखने के लिए कुछ तरीके हैं। हां, और बहुत कुछ ...

मुझे किन समस्याओं का सामना करना पड़ा:
- http-server को डीबग करने के पहले ही प्रयास में, मैं प्रत्येक डीबगिंग चरण में डीबगर के हैंग में चला गया। यह एक किलोमीटर लंबे बैकट्रेस के कारण पैदा हुआ था जो कि चालाक सीरियललाइज़ेशन ( दर्पण कहा जाता है) के कारण उत्पन्न हुआ था, जो बफर के प्रत्येक बाइट के लिए एक अलग वर्णनात्मक वस्तु के साथ एक बफर को क्रमबद्ध करने की कोशिश करता है। यह इनलाइनRefs को शामिल करके तय किया गया था।
- डिफ़ॉल्ट रूप से, लाइनों को संक्षिप्त रूप में दिखाया गया है, जैसा कि निम्नलिखित स्क्रीनशॉट में है। इसमें कुछ भी गलत नहीं है, क्योंकि पूरी लाइन को भी देखा जा सकता है: उपयोगकर्ता के अनुरोध पर, हम लाइन के बाद जाते हैं maxringringLength = -1

यह सब डिबग-डिबगर को देखकर समझा जा सकता है। वहां पर आप अन्य कमांड को देख सकते हैं जो कि विकी पर दस्तावेज़ में वर्णित नहीं हैं।
- स्टूडियो की तरफ से, यह समस्या कस्टम डिबग इंजन पर पर्याप्त उदाहरणों की कमी थी। मेरे पास MSDN पर प्रलेखन के विस्तृत अध्ययन के लिए समय नहीं था (और 100500 इंटरफेस, संरचनाएं, एनम और अन्य चीजें हैं), हालांकि अंत में मैंने अक्सर वहां देखा। एकमात्र आधिकारिक उदाहरण पुराने स्टूडियो के लिए लिखा गया मूल निवासी सी डिबगर है, जिसे स्वचालित रूप से 2010 स्टूडियो प्रोजेक्ट में बदल दिया गया था। इसमें प्रबंधित C ++ का एक बड़ा हिस्सा शामिल है, जिसकी हमें आवश्यकता नहीं है। और, वास्तव में, C # 2.0 के दौरान लिखे गए स्टूडियो के डिबगिंग इंटरफेस पर आवरण, बहुत ही क्रियात्मक है।
- मैंने इंजन के पंजीकरण को दो बार, और दो बार रीड किया। उदाहरण में, इंजन का पंजीकरण पुराने regsvr32 "मिश्रित-मोड C ++ असेंबली" द्वारा किया गया था। हमें इस असेंबली से छुटकारा मिल गया, और मैंने रजिस्ट्री में कुंजियों को जोड़कर केवल पंजीकरण किया। लेकिन पंजीकरण के साथ, यह भी इतना सरल नहीं था, 2012 के स्टूडियो में थोड़ी बदली हुई जगहें थीं जहां वह डिबगिंग के लिए इंजन की तलाश में थी। नतीजतन, जब मैंने डिबगर के लिए एक पैकेज बनाया और उसके साथ RegistrationAttribute को जोड़ा तो सब कुछ अपने आप ठीक हो गया।
- बटन, मेनू आइटम और कमांड के नाम के साथ चेखड़। इस लेख को समझने में मदद मिली।
- JSON को पार्स करने / क्रमबद्ध करने के लिए मानक लाइब्रेरी के बजाय, मैंने न्यूटनसॉफ्ट.जॉन लिया। मुझे यह अधिक पसंद है, और यह तेजी से काम करता है।

एक आफ्टरवर्ड के बजाय

विस्तार पृष्ठ पर डाउनलोड, कोशिश, लिखो (अच्छी) समीक्षाएँ)
बग्स, कृपया जीथूब को भेजें।
बेहतर अभी तक - कोड के लिए सीधे पुल अनुरोध भेजें - मुझे GitHub पर कांटा! ।