MEAN.JS - MEAN प्रोजेक्ट सेटअप

इस अध्याय में MEAN एप्लिकेशन बनाना और स्थापित करना शामिल है। हम प्रोजेक्ट बनाने के लिए NodeJS और ExpressJS का एक साथ उपयोग कर रहे हैं।

आवश्यक शर्तें

इससे पहले कि हम एक एमईएन एप्लिकेशन बनाने के साथ शुरू करें, हमें आवश्यक आवश्यक शर्तें स्थापित करने की आवश्यकता है।

आप Node.js के नवीनतम संस्करण को Node.js की वेबसाइट Node.js (यह विंडोज़ विंडोज के लिए है) पर जाकर स्थापित कर सकते हैं । जब आप Node.js डाउनलोड करते हैं, तो npm आपके सिस्टम पर अपने आप इंस्टॉल हो जाएगा। लिनक्स उपयोगकर्ता इस लिंक का उपयोग करके नोड और एनपीएम को स्थापित कर सकते हैं ।

नीचे दिए गए आदेशों का उपयोग करके नोड और एनपीएम के संस्करण की जांच करें -

$ node --version
$ npm --version

कमांड नीचे दिए गए चित्र में दिखाए गए संस्करणों को प्रदर्शित करेगी -

एक्सप्रेस प्रोजेक्ट बनाना

नीचे दिखाए अनुसार mkdir कमांड का उपयोग करके एक परियोजना निर्देशिका बनाएं -

$ mkdir mean-demo //this is name of repository

उपरोक्त निर्देशिका नोड एप्लिकेशन की जड़ है। अब package.json फ़ाइल बनाने के लिए, नीचे दिया गया कमांड चलाएँ -

$ cd webapp-demo
$ npm init

Init कमांड आपको package.json फाइल बनाने के माध्यम से चलेगी -

यह उपयोगिता आपको एक package.json फ़ाइल बनाने के माध्यम से चलेगी। यह केवल सबसे आम वस्तुओं को कवर करता है, और समझदार चूक का अनुमान लगाने की कोशिश करता है।

See `npm help json` for definitive documentation on these fields and exactly what they do.
Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (mean-demo) mean_tutorial
version: (1.0.0)
description: this is basic tutorial example for MEAN stack
entry point: (index.js) server.js
test command: test
git repository:
keywords: MEAN,Mongo,Express,Angular,Nodejs
author: Manisha
license: (ISC)
About to write to /home/mani/work/rnd/mean-demo/package.json:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}
Is this ok? (yes) yes

हाँ क्लिक करें और नीचे एक फ़ोल्डर संरचना उत्पन्न होगी -

-mean-demo
   -package.json

Package.json फ़ाइल निम्न जानकारी होगी -

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

अब एक्सप्रेस प्रोजेक्ट को वर्तमान फ़ोल्डर में कॉन्फ़िगर करने और फ्रेमवर्क के लिए कॉन्फ़िगरेशन विकल्प स्थापित करने के लिए, नीचे दिए गए कमांड का उपयोग करें -

npm install express --save

अपनी प्रोजेक्ट डायरेक्टरी और ओपन पैकेज.जॉन फाइल पर जाएं, आपको नीचे दी गई जानकारी दिखाई देगी -

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC",
   "dependencies": {
      "express": "^4.17.1"
   }
}

यहाँ आप देख सकते हैं कि एक्सप्रेस पर निर्भरता फ़ाइल में जोड़ी जाती है। अब, परियोजना की संरचना इस प्रकार है -

-mean-demo
   --node_modules created by npm install
   --package.json tells npm which packages we need
   --server.js set up our node application

रनिंग एप्लीकेशन

अपनी नई बनाई गई परियोजना निर्देशिका पर नेविगेट करें और नीचे दी गई सामग्री के साथ एक server.js फ़ाइल बनाएं।

// modules =================================================
const express = require('express');
const app = express();
// set our port
const port = 3000;
app.get('/', (req, res) ⇒ res.send('Welcome to Tutorialspoint!'));

// startup our app at http://localhost:3000
app.listen(port, () ⇒ console.log(`Example app listening on port ${port}!`));

अगला, नीचे दिए गए आदेश के साथ आवेदन चलाएं -

$ npm start

जैसा कि नीचे दी गई छवि में दिखाया गया है, आपको एक पुष्टि मिलेगी -

यह बताता है कि एक्सप्रेस एप्लिकेशन चल रहा है। कोई भी ब्राउज़र खोलें और एप्लिकेशन का उपयोग करेंhttp://localhost:3000। आपका स्वागत है ट्यूटोरियल में आपका स्वागत है! पाठ नीचे दिखाया गया है -