Node.js के साथ वेब सर्वर विकास के लिए शुरुआती गाइड

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

यह पोस्ट इस बात का विवरण है कि मैंने Node.js का उपयोग करते हुए सर्वर-साइड वेब डेवलपमेंट के बारे में और कैसे सीखा, और 3 अलग-अलग परिवेशों, एक्सप्रेस, Ko.js और Hapi.js. का उपयोग करके एक साधारण HTTP सर्वर लिखने की संक्षिप्त तुलना की।

नोट: यदि आप एक अनुभवी Node.js डेवलपर हैं, तो आप शायद सोचेंगे कि यह सभी प्राथमिक / सरल है। ¯ \ _ (ツ) _ / ツ।

नेटवर्क के कुछ मूल बातें

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

मुझे वास्तव में यह कोर्स पसंद आया क्योंकि इसने समझाया कि हुड के तहत क्या हो रहा था, एक समझ में आता है, इसलिए यदि आप कंप्यूटर नेटवर्क पाठ्यपुस्तक उठा सकते हैं, तो नेटवर्क के चमत्कार के बारे में सभी विवरण पढ़ें।


हालांकि, मैं केवल संदर्भ के बारे में संक्षेप में बात करने जा रहा हूं। HTTP (हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल) कंप्यूटर नेटवर्क में उपयोग किया जाने वाला एक संचार प्रोटोकॉल है। इंटरनेट पर कई हैं, जैसे एसएमटीपी (सिंपल मेल ट्रांसफर प्रोटोकॉल) , एफटीपी (फाइल ट्रांसफर प्रोटोकॉल) , पीओपी 3 (पोस्ट ऑफिस प्रोटोकॉल 3), और इसी तरह।

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


टीसीपी / आईपी बनाम ओएसआई से: दो मॉडल के बीच अंतर क्या है?

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

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

सर्वर और ग्राहक

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

आज हम चीजों के सॉफ़्टवेयर पक्ष के बारे में बात करेंगे। लेकिन पहले, कुछ परिभाषाएँ। URL यूनिवर्सल रिसोर्स लोकेटर के लिए है और इसमें 3 भाग हैं: प्रोटोकॉल , सर्वर और अनुरोधित फ़ाइल ।


URL संरचना

HTTP प्रोटोकॉल कई तरीकों को परिभाषित करता है जो ब्राउज़र सर्वर का उपयोग विभिन्न कार्यों का एक गुच्छा करने के लिए कह सकता है, जिनमें से सबसे आम हैं GET और POST। जब कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है या एड्रेस बार में URL दर्ज करता है, तो ब्राउज़र URL में निर्दिष्ट संसाधन को पुनः प्राप्त करने के लिए सर्वर को एक GET अनुरोध भेजता है।

सर्वर को पता होना चाहिए कि सही फ़ाइल प्राप्त करने के लिए इस HTTP अनुरोध को कैसे संसाधित किया जाए, और फिर इसे उस ब्राउज़र पर वापस भेजें जिसने इसे अनुरोध किया था। सबसे लोकप्रिय वेब सर्वर सॉफ्टवेयर जो इसे संभालता है वह अपाचे और एनजीआईएनएक्स है ।


वेब सर्वर आने वाले अनुरोधों को संसाधित करते हैं और उनके अनुसार प्रतिक्रिया करते हैं

दोनों पूर्ण-मुक्त खुले स्रोत सॉफ़्टवेयर पैकेज हैं जिनमें प्रमाणीकरण योजनाएं, URL पुनर्लेखन, लॉगिंग और समीपता जैसी सुविधाएँ शामिल हैं, जिनका नाम कुछ है। Apache और NGINX C. में लिखे गए हैं। तकनीकी रूप से, आप किसी भी भाषा में एक वेब सर्वर लिख सकते हैं। पायथन , golang.org/pkg/net/http , रूबी , यह सूची काफी समय तक चल सकती है। यह सिर्फ इतना है कि कुछ भाषाएं कुछ चीजों को दूसरों की तुलना में बेहतर करती हैं।

Node.js के साथ एक HTTP सर्वर बनाना

Node.js क्रोम वी 8 जावास्क्रिप्ट इंजन पर निर्मित एक जावास्क्रिप्ट रनटाइम है। यह http मॉड्यूल के साथ आता है, जो एक HTTP सर्वर के निर्माण के लिए कार्यों और कक्षाओं का एक सेट प्रदान करता है।

इस मूल HTTP सर्वर के लिए, हम फाइल सिस्टम , पथ और URL का भी उपयोग करेंगे, जो कि Node.js देशी मॉड्यूल हैं।

आवश्यक मॉड्यूल आयात करके शुरू करें।

const http = require('http') //   HTTP-  Node.js const fs = require('fs') //      const path = require('path') //        const url = require('url') //     URL 

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

 const mimeTypes = { '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css', '.ico': 'image/x-icon', '.png': 'image/png', '.jpg': 'image/jpeg', '.gif': 'image/gif', '.svg': 'image/svg+xml', '.json': 'application/json', '.woff': 'font/woff', '.woff2': 'font/woff2' } 

अब हम फ़ंक्शन http.createServer() साथ एक HTTP सर्वर बना सकते हैं, जो http.Server का एक नया उदाहरण http.Server ।

 const server = http.createServer() 

हम अनुरोध और प्रतिक्रिया ऑब्जेक्ट के साथ createServer() लिए अनुरोध हैंडलर फ़ंक्शन पास करेंगे। हर बार एक HTTP अनुरोध सर्वर पर आने के बाद इस फ़ंक्शन को कहा जाता है।

 server.on('request', (req, res) => { //     }) 

सर्वर को पोर्ट ऑब्जेक्ट के साथ server ऑब्जेक्ट की listen विधि को कॉल करके शुरू किया जाता है, जिसे हम सर्वर पर सुनना चाहते हैं, उदाहरण के लिए, 5000 ।

 server.listen(5000) 

request ऑब्जेक्ट इनकमिंगमेसेज का एक उदाहरण है और हमें अनुरोध के बारे में सभी जानकारी तक पहुँचने की अनुमति देता है, जैसे प्रतिक्रिया स्थिति, हेडर और डेटा।

response ऑब्जेक्ट ServerResponse का एक उदाहरण है, जो एक लेखन योग्य स्ट्रीम है और क्लाइंट को डेटा वापस भेजने के लिए कई तरीके प्रदान करता है।

क्वेरी हैंडलर में, हम निम्नलिखित करना चाहते हैं:

• आने वाले अनुरोध को पार्स करें और इसे बिना एक्सटेंशन के संसाधित करें
  
  

   const parsedUrl = new URL(req.url, 'https://node-http.glitch.me/') let pathName = parsedUrl.pathname let ext = path.extname(pathName) //   URL    '/',   '/' //      URL    'Location' if (pathName !== '/' && pathName[pathName.length - 1] === '/') { res.writeHead(302, {'Location': pathName.slice(0, -1)}) res.end() return } //     ,  index.html //     «.html»       if (pathName === '/') { ext = '.html' pathName = '/index.html' } else if (!ext) { ext = '.html' pathName += ext } 

  
  
• यह निर्धारित करने के लिए कुछ प्राथमिक जांच करें कि क्या अनुरोधित संसाधन मौजूद है और तदनुसार जवाब दें
  
  

   //     ,       const filePath = path.join(process.cwd(), '/public', pathName) // ,       fs.exists(filePath, function (exists, err) { //     ,  404 Not Found if (!exists || !mimeTypes[ext]) { console.log('  : ' + pathName) res.writeHead(404, {'Content-Type': 'text/plain'}) res.write('404 Not Found') res.end() return } //        200 OK, //       res.writeHead(200, {'Content-Type': mimeTypes[ext]}) //        const fileStream = fs.createReadStream(filePath) fileStream.pipe(res) }) 

  
  

सभी कोड ग्लिच पर होस्ट किए गए हैं, और यदि आप चाहें तो प्रोजेक्ट को रीमिक्स कर सकते हैं।

https://glitch.com/edit/#!/node-http

Node.js चौखटे के साथ एक HTTP सर्वर बनाना

एक्सप्रेस , Ko.js और Hapi.js जैसे Node.js फ्रेमवर्क कई अन्य उपयोगी सुविधाओं के अलावा विभिन्न उपयोगी मिडवेअर फ़ंक्शन के साथ आते हैं, जो डेवलपर्स को खुद के लिए लिखने से बचाते हैं।

व्यक्तिगत रूप से, मुझे लगता है कि पहले फ्रेमवर्क के बिना मूल बातें सीखना बेहतर है, बस यह समझने के लिए कि हुड के नीचे क्या हो रहा है, और फिर किसी भी ढांचे के साथ पागल हो जाएं जो आपको पसंद है।

स्थिर फ़ाइलों की सेवा के लिए एक्सप्रेस का अपना बिल्ट-इन प्लगइन है, इसलिए अपने स्वयं के Node.js के समान ही कार्य करने के लिए आवश्यक कोड बहुत छोटा है।

 const express = require('express') const app = express() //         app.use(express.static('public')) //  index.html,      //     res.sendFile() app.get('/', (req, res) => { res.sendFile(__dirname + '/public/index.html') }) app.listen(5000) 

Koa.js के मूल के अंदर एक समान प्लगइन नहीं है, इसलिए किसी भी आवश्यक प्लगइन को अलग से स्थापित किया जाना चाहिए। Koa.js का नवीनतम संस्करण कॉलबैक के पक्ष में अतुल्यकालिक कार्यों का उपयोग करता है। आप स्थिर फ़ाइलों की सेवा के लिए koa-static प्लगइन का उपयोग कर सकते हैं।

 const serve = require('koa-static') const koa = require('koa') const app = new koa() //         //   koa-static    index.html    app.use(serve(__dirname + '/public')) app.listen(5000) 

Hapi.js अनुकूलन का समर्थन करता है और server ऑब्जेक्ट को कस्टमाइज़ करने के लिए घूमता है। यह राउटिंग, ऑथेंटिकेशन, इत्यादि जैसी सुविधाओं का विस्तार करने के लिए प्लगइन्स का उपयोग करता है। स्थैतिक फ़ाइलों की सेवा के लिए, हमें एक प्लगइन की आवश्यकता होती है जिसे inert कहा inert ।

 const path = require('path') const hapi = require('hapi') const inert = require('inert') //        const server = new hapi.Server({ port: 5000, routes: { files: { relativeTo: path.join(__dirname, 'public') } } }) const init = async () => { // server.register()      await server.register(inert) // inert     //       server.route({ method: 'GET', path: '/{param*}', handler: { directory: { path: '.', redirectToSlash: true, index: true } } }) await server.start() } init() 

इन प्लेटफार्मों में से प्रत्येक के पास अपने पेशेवरों और विपक्ष हैं, और वे बड़े अनुप्रयोगों के लिए अधिक स्पष्ट होंगे, और केवल एक HTML पृष्ठ की सेवा के लिए नहीं। संरचना का विकल्प उस परियोजना की वास्तविक आवश्यकताओं पर बहुत निर्भर करेगा जिस पर आप काम कर रहे हैं।

समापन

यदि चीजों का नेटवर्क पक्ष हमेशा आपके लिए एक ब्लैक बॉक्स रहा है, तो मुझे उम्मीद है कि यह आलेख प्रोटोकॉल के लिए एक उपयोगी परिचय के रूप में काम कर सकता है जो नेटवर्क प्रदान करता है। मैं भी Node.js एपीआई प्रलेखन को पढ़ने की अत्यधिक सलाह देता हूं, जो कि किसी भी नौसिखिया के लिए बहुत अच्छी तरह से लिखा और बहुत उपयोगी है।

• एमडीएन द्वारा एचटीटीपी
• एक HTTP लेनदेन का एनाटॉमी
• HTTP सर्वर: खरोंच से एक सरल HTTP सर्वर बनाने के लिए आपको जो कुछ भी जानना होगा