MEAN.JS - Thiết lập dự án MEAN

Chương này bao gồm việc tạo và thiết lập một ứng dụng MEAN. Chúng tôi đang sử dụng NodeJS và ExpressJS cùng nhau để tạo dự án.

Điều kiện tiên quyết

Trước khi bắt đầu tạo ứng dụng MEAN, chúng ta cần cài đặt các điều kiện tiên quyết bắt buộc.

Bạn có thể cài đặt phiên bản mới nhất của Node.js bằng cách truy cập trang web Node.js tại Node.js ( Ứng dụng này dành cho người dùng Windows). Khi bạn tải xuống Node.js, npm sẽ được cài đặt tự động trên hệ thống của bạn. Người dùng Linux có thể cài đặt Node và npm bằng cách sử dụng liên kết này .

Kiểm tra phiên bản của Node và npm bằng cách sử dụng các lệnh dưới đây:

$ node --version
$ npm --version

Các lệnh sẽ hiển thị các phiên bản như trong hình dưới đây -

Tạo dự án Express

Tạo một thư mục dự án bằng cách sử dụng lệnh mkdir như hình dưới đây:

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

Thư mục trên là thư mục gốc của ứng dụng nút. Bây giờ, để tạo tệp package.json, hãy chạy lệnh dưới đây:

$ cd webapp-demo
$ npm init

Lệnh init sẽ hướng dẫn bạn cách tạo tệp package.json -

Tiện ích này sẽ hướng dẫn bạn cách tạo tệp package.json. Nó chỉ bao gồm các mục phổ biến nhất và cố gắng đoán các giá trị mặc định hợp lý.

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

Nhấp vào có và cấu trúc thư mục như bên dưới sẽ được tạo -

-mean-demo
   -package.json

Tệp package.json sẽ có thông tin sau:

{
   "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"
}

Bây giờ để cấu hình dự án Express vào thư mục hiện tại và cài đặt các tùy chọn cấu hình cho khung, hãy sử dụng lệnh dưới đây:

npm install express --save

Vào thư mục dự án của bạn và mở tệp package.json, bạn sẽ thấy thông tin bên dưới:

{
   "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"
   }
}

Ở đây bạn có thể thấy phụ thuộc rõ ràng được thêm vào tệp. Bây giờ, cấu trúc dự án như dưới đây:

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

Ứng dụng đang chạy

Điều hướng đến thư mục dự án mới tạo của bạn và tạo tệp server.js với nội dung bên dưới.

// 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}!`));

Tiếp theo, chạy ứng dụng bằng lệnh dưới đây:

$ npm start

Bạn sẽ nhận được xác nhận như trong hình dưới đây -

Nó thông báo rằng ứng dụng Express đang chạy. Mở trình duyệt bất kỳ và truy cập ứng dụng bằnghttp://localhost:3000. Bạn sẽ thấy Chào mừng đến với Điểm hướng dẫn! văn bản như hình dưới đây -