अपने Node.js प्रोजेक्ट के साथ टाइपस्क्रिप्ट का उपयोग कैसे करें

टाइपस्क्रिप्ट जटिल ऐप्स और माइक्रोसर्विसेज जैसे मजबूत आर्किटेक्चर को तैयार करने के लिए आसान है। बेशक, टाइपस्क्रिप्ट ऐसा कुछ नहीं कर सकता जो जावास्क्रिप्ट नहीं कर सकता, लेकिन यह जटिल परियोजनाओं को अधिक प्रबंधनीय बना सकता है। टाइपस्क्रिप्ट की सख्त टाइपिंग और इंटरफेस के लिए समर्थन का मतलब है कि यह ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग के लिए बहुत अच्छा है। हमने देखा है कि कई कंपनियां अपने बैकएंड को कोड करने के लिए टाइपस्क्रिप्ट की ओर रुख करती हैं।

आपके Node.js प्रोजेक्ट में टाइपस्क्रिप्ट का उपयोग शुरू करने के लिए अब से बेहतर कोई समय नहीं है। लेकिन आप इसे अपने Node.js प्रोजेक्ट के लिए कैसे सेट कर सकते हैं? आप इस लेख में जानेंगे।

टाइपस्क्रिप्ट क्या है?

टाइपस्क्रिप्ट Microsoft द्वारा विकसित और अनुरक्षित जावास्क्रिप्ट का एक संकलित, कड़ाई से टाइप किया गया संस्करण है। टाइपस्क्रिप्ट कोड जावास्क्रिप्ट में ट्रांसपाइल होता है।

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

यह कार्यात्मक और वस्तु-उन्मुख प्रोग्रामिंग दोनों का भी समर्थन करता है। ये सभी सुविधाएं इसे अत्यधिक स्केलेबल और जटिल ऐप्स विकसित करने के लिए उपयुक्त बनाती हैं।

नोड में टाइपस्क्रिप्ट कैसे सेट करें। जे एस

आपको अपने Node.js प्रोजेक्ट के साथ टाइपस्क्रिप्ट का उपयोग शुरू करने के लिए यहां और वहां कुछ कॉन्फ़िगरेशन तैयार करने होंगे। लेकिन कोई चिंता नहीं, यह आसान है।

हालाँकि, सुनिश्चित करें कि आप Node.js npm पैकेज स्थापित करें आगे बढ़ने के पहले।

एक package.json फ़ाइल को इनिशियलाइज़ करें

अपना टर्मिनल खोलें और एक प्रोजेक्ट फ़ोल्डर बनाएं। फिर, इस नई निर्देशिका को दर्ज करें और एक Node.js प्रोजेक्ट को इनिशियलाइज़ करें:

npm init

उपरोक्त आदेश a. बनाता है पैकेज.जेसन अपनी निर्भरताओं को संग्रहीत करने के लिए फ़ाइल।

टाइपस्क्रिप्ट और अन्य निर्भरताएँ स्थापित करें

इसके बाद, आगे बढ़ें और टाइपस्क्रिप्ट को अपने Node.js प्रोजेक्ट में स्थापित करें:

एनपीएम आई-डी टाइपस्क्रिप्ट

-डी कीवर्ड सुनिश्चित करता है कि टाइपस्क्रिप्ट किसके हिस्से के रूप में स्थापित हो जाता है देव निर्भरता में पैकेज.जेसन.

आपको भी इंस्टॉल करना होगा @ प्रकार/एक्सप्रेस, Express.js के लिए एक टाइपस्क्रिप्ट परिभाषा:

एनपीएम इंस्टॉल-डी @ प्रकार/express

अगला, इनिशियलाइज़ करें a tsconfig.json फ़ाइल। यह आपकी परियोजना के लिए आधार संकलक विकल्पों का विवरण देता है:

एनपीएक्स टीएससी --इस में

उपरोक्त आदेश a. बनाता है tsconfig.json अपने प्रोजेक्ट रूट फ़ोल्डर में फ़ाइल करें।

इसके अलावा, Express.js स्थापित करें। आप इसे छोड़ सकते हैं यदि आप केवल Node.js के अंतर्निहित HTTP प्रिमिटिव वाले सर्वर को प्रबंधित करना चाहते हैं। लेकिन Express.js इसे आसान बनाता है:

NPM इंस्टॉल व्यक्त करना

अगला, स्थापित करें नोडमोन, एक पैकेज जो आपके कोड में परिवर्तन होने पर आपके सर्वर को स्वचालित रूप से पुनरारंभ करता है। काम करने के लिए इसे विश्व स्तर पर स्थापित करना सुनिश्चित करें:

NPM इंस्टॉल -जी नोडमोन

टाइपस्क्रिप्ट को नोड के साथ कॉन्फ़िगर करें। जे एस

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

यहाँ वह सब है जो आपको चाहिए tsconfig.json जा पाने के लिए:

{
"संकलक विकल्प": {
"मापांक": "कॉमनजस",
"esModuleInterop": सच,
"लक्ष्य": "es6",
"मॉड्यूलसंकल्प": "नोड",
"स्रोत नक्शा": सच,
"आउटडिरो": "जिले" // ट्रांसपिलर निर्देशिका निर्दिष्ट करता है। 
 },
"उदारीकरण": ["es2015"]
}

अब खुलो पैकेज.जेसन. टाइपस्क्रिप्ट और एक्सप्रेस को स्थापित करने के बाद यह वर्तमान में कैसा दिखता है:

इसके बाद, निम्न कॉन्फ़िगरेशन जोड़ें स्क्रिप्ट सरणी:

"स्क्रिप्ट": {
"परीक्षण": "गूंज \"त्रुटि: कोई परीक्षण निर्दिष्ट नहीं\"&& बाहर निकलें 1",
"निर्माण": "एनपीएक्स टीएससी",
"प्रारंभ": "नोड ./dist/app.js",
"जिले": "टीएससी -पी।",
 "देव": "नोडमोन ./src/app.ts", //बदलने के यह साथ सही निर्देशिकापथके लिए app.ts में आपका मामला
"प्रकार": "मापांक"
}

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

कॉन्फ़िगरेशन तब प्राथमिक विकास स्क्रिप्ट को निर्दिष्ट करता है: app.ts.

इसलिए, जब आप विकास का माहौल शुरू करते हैं, नोडमोन रन app.ts. Node.js फिर इसे जावास्क्रिप्ट में संकलित करता है ऐप.जेएस-जो HTTP सर्वर के साथ संचार करता है।

अगला, एक बनाएं एसआरसी आपकी प्रोजेक्ट रूट निर्देशिका में फ़ोल्डर। इस फोल्डर के अंदर एक खाली टाइपस्क्रिप्ट फाइल बनाएं और उसे नाम दें app.ts.

ट्रांसपिलर निर्देशिका बनाएं

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

इसलिए जब टाइपस्क्रिप्ट कोड संरचना को संभालता है, तो ट्रांसपिलर फ़ाइल इसे जावास्क्रिप्ट में संकलित करती है।

अब चलाओ निर्माण बनाने के लिए स्क्रिप्ट जिले ट्रांसपिलर निर्देशिका स्वचालित रूप से:

एनपीएम रन बिल्ड

उपरोक्त कमांड आपके टाइपस्क्रिप्ट कोड को जावास्क्रिप्ट में संकलित करता है। बनाए गए फ़ोल्डर में दो फ़ाइलें हैं; app.js और app.js.map.

खुला पैकेज.जेसन दोबारा। आपको नाम की सरणी में एक कुंजी दिखाई देगी मुख्य. आप देख सकते हैं कि इसका मान इंगित करता है index.js. इसे से बदलें app.js (ट्रांसपिलर) फ़ाइल निर्देशिका:

"मुख्य": "./dist/app.js",

स्वरूपण के बाद, पैकेज.जेसन इस तरह दिखना चाहिए:

यह विन्यास भाग के लिए है।

एक HTTP अनुरोध बनाएं और चलाएं

अब यह देखने के लिए Express.js सर्वर के माध्यम से एक HTTP अनुरोध बनाने और चलाने का प्रयास करें कि आपका कोड उसी तरह संकलित होता है या नहीं।

अंदर app.ts:

आयात एक्सप्रेस, {अनुरोध, प्रतिक्रिया} से 'व्यक्त करना'
स्थिरांक ऐप = एक्सप्रेस ()
app.get('/', async (req: Request, res: Response)=>{
 कंसोल.लॉग('नमस्ते दुनिया')
 फिर से भेजें ('नमस्ते दुनिया')
})
स्थिरांक बंदरगाह = 8080
app.listen (पोर्ट, (): खालीपन=>{
सांत्वना देना।लॉग(`ऐप सुन रहा है http://localhost:${पोर्ट}`)
})

इसके बाद, अपने प्रोजेक्ट रूट डायरेक्टरी में कमांड लाइन खोलें और चलाएँ देव अपनी परियोजना शुरू करने के लिए स्क्रिप्ट:

एनपीएम रन देव

अपना ब्राउज़र खोलें और पर जाएँ लोकलहोस्ट: 8080, और आप प्रतिक्रिया देखेंगे (नमस्ते दुनिया). यदि आपने आवेदन किया है तो आपको यह टर्मिनल में भी दिखाई देगा कंसोल.लॉग जैसा कि हमने उपरोक्त उदाहरण में किया था।

टाइपस्क्रिप्ट में उच्च मांग संभावनाएं हैं

टाइपस्क्रिप्ट और जावास्क्रिप्ट के बीच शायद ही बहुत अंतर है। लेकिन पूर्व सख्त टाइपिंग के साथ विकास को आसान बनाता है।

टाइपस्क्रिप्ट एंगुलर जैसे फ्रंटएंड फ्रेमवर्क में एक मूल्यवान भाषा है, और हम इसके प्रदर्शन और मापनीयता से इनकार नहीं कर सकते। यह अधिक लोकप्रिय हो रहा है, और टाइपस्क्रिप्ट डेवलपर्स के लिए नौकरी की संभावनाएं बढ़ती जा रही हैं।

कोणीय का परिचय

आगे पढ़िए

लेखक के बारे में