Friday, June 21, 2024

Express JS Project Setup

दोस्तों इस पोस्ट में हम समझेंगे कि आप अपने सिस्टम में Express JS वेब फ्रेमवर्क को कैसे इंस्टॉल कर सकते हैं| सबसे पहले आप अपने प्रोजेक्ट फोल्डर को बना लीजिए और इस प्रोजेक्ट फोल्डर के path में अपने Command Prompt को ओपन कीजिए। उदाहरण के लिए हम Express Project1 नाम से project folder बना सकते हैं 

Create package.json file

Command Prompt मे NPM की सहायता से आप अपने पैकेज को इंस्टॉल करेंगे। पैकेज को इंस्टॉल करने से पहले package.json नाम का एक फाइल बना लीजिए। इसको बनाने के लिए आपको निम्नलिखित command को Command Prompt की सहायता से Project folder के भीतर रन करना होगा।

npm init -y

हमने Express Project1 नाम से project folder बनाया है|

C:\Users\akshr\Desktop\Express Project1>npm init -y

Wrote to C:\Users\akshr\Desktop\Express Project1\package.json:

{

  "name": "express-project1",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC"

}

C:\Users\akshr\Desktop\Express Project1>


NOTE: यदि आप -y Switch का use नहीं करते हैं तो जब आप इस Command को रन करेंगे तो आपको स्क्रीन पर कुछ हेल्प से संबंधित टेक्स्ट नजर आएगा इनको इग्नोर कर दें।अब आपसे पैकेज का नाम पूछेगा आप जो भी डिफॉल्ट नाम है उसी को रहने दे और बार-बार ENTER दबाते जाए कुछ भी परिवर्तन ना करे| अपने सारे डिफॉल्ट ऑप्शन को स्वीकार किया अतः आपका Version एक होगा एंट्री पॉइंट main index.js होगा index.js फाइल सबसे पहले Run होगा इसलिए इसको एंट्री पॉइंट कहते हैं|  इसके अतिरिक्त आप अपने ऑथर, लाइसेंस इत्यादि को भी लिख सकते हैं लेकिन इन सब को छोड़ सकते हैं।

आपके प्रोजेक्ट फोल्डर के भीतर package.json नामक फाइल बन जाएगा आप उस फाइल को खोलकर भी देख सकते हैं आपको उस फाइल के भीतर सारे डिस्क्रिप्शन मिल जाएंगे जिसके लिए आपने इनपुट किया|

What does package.json file

package.json नामक फाइल आपके एप्लीकेशन के नाम उसके विभिन्न डिस्क्रिप्शन के बारे में बताता है साथ ही बताता है कि इसका लाइसेंस क्या है और इसका author कौन है लेकिन इतना करना ही काफी नहीं है अभी तक आपने केवल अपने एप्लीकेशन का नाम उसका Version, author और लाइसेंस के बारे में कार्य किया है 

Install project dependencies

अब आप अपने पैकेज के भीतर वह उन सारे dependencies का install करेंगे जिसका उपयोग आपकी एप्लीकेशन में होगा उन dependencies को automatically डाउनलोड करके npm इंस्टॉल कर देगा। इस कार्य को संपादित करने के लिए आपको निम्नलिखित Command को रन करना होगा.

npm install --save express

NOTE: ऊपर का Command एक्सप्रेस वेव फ्रेमवर्क को इंस्टॉल करने के लिए आग्रह है इस Command को रन करते समय आपके सिस्टम में इंटरनेट की सुविधा उपलब्ध होनी चाहिए क्योंकि सारे dependencies को इंटरनेट से ही डाउनलोड करके NPM इंस्टॉल करेगा।

आपके सिस्टम में Express JS का कौन सा वर्जन डिपेंडेंसी के रूप में इंस्टॉल हुआ है इसकी जानकारी प्राप्त करने के लिए आप अपने package.json फाइल को दोबारा खोलिए उसमें आपको dependencies करके जो एलिमेंट दिखाई देगा उसमें आपको उसका version भी लिखा हुआ मिल जाएगा।

index.js file

अब आप अपने प्रोजेक्ट के एप्लीकेशन को बनाना शुरू कर सकते हैं आपके प्रोजेक्ट का एंट्री पॉइंट index.js फाइल होता है इसलिए सबसे पहले आप अपने index.js फाइल को बनाएंगे।

जैसा कि आपने अपने सिस्टम में Express JS वेब फ्रेमवर्क को इंस्टॉल कर लिया है तो उस फ्रेमवर्क के अंतर्गत अलग-अलग कार्यों को करने के लिए अलग-अलग पैकेज या लाइब्रेरी उपलब्ध है. सबसे important पैकेज का नाम express है।

What is the meaning of following command in ExpressJS?

const express = require ('express');

Answer: This command in ExpressJS imports the Express framework into your Node.js application. It allows you to use Express's functionalities for creating web applications, handling HTTP requests, routing, etc.

Express JS के अंतर्गत require फंक्शन के द्वारा आप किसी पैकेज को अपने प्रोग्राम में import करते हैं।

const express = require ('express');

const app = express();

What is the meaning of the following statements? 

const express = require ('express');

const app = express();

Is it a call to a function called express? 

Answer: Yes, the second statement `const app = express();` is indeed a call to a function called `express()` that is exported by the Express module. When you import Express using `require('express')`, it returns a function, and by invoking this function, you create an instance of the Express application, which is commonly referred to as `app` This `app` object is used to configure routes, middleware, and other functionalities in your Express application.

अब app ऑब्जेक्ट का उपयोग करते हुए हम server के पास किसी भी तरह का GET या POST रिक्वेस्ट भेज सकते हैं।

app.get('/', callback);

कॉलबैक फंक्शन दो पैरामीटर लेगा रिक्वेस्ट और रिस्पांस और उनकी मदद से आप रेस्पॉन्स या रिक्वेस्ट को हैंडल कर सकते हैं।

app|listen(3000); //port number

SUMMARY

  1. Create project folder
  2. Create package.json file inside project folder
  3. Install dependencies inside project folder
  4. Create index.js file  inside project folder
  5. Create an instance of express application
  6. Use GET or POST method to send a request

© अजीत कुमार, सर्वाधिकार सुरक्षित।


No comments:

Post a Comment

Hot Topics