Hướng Dẫn Tạo 1 Ứng Dụng Express JS cho người mới bắt đầu

Express là một framework web phổ biến cho Node.js, giúp xây dựng các ứng dụng web và API nhanh chóng và dễ dàng. Trong bài viết này sẽ hướng dẫn cách tạo một ứng dụng Express đơn giản, cấu hình các route cơ bản.

Yêu Cầu

Trước khi bắt đầu, bạn cần:

Node.js và NPM đã được cài đặt trên máy tính của bạn(Nếu chưa)
Kiến thức cơ bản về JavaScript và Node.js.
Một trình soạn thảo (ví dụ: VS Code).

Bước 1: Cài Đặt Node.js và Express

1. Cài Đặt Node.js

Nếu bạn chưa cài Node.js, hãy tải và cài đặt từ nodejs.org . Bạn có thể kiểm tra xem Node.js đã được cài đặt chưa bằng lệnh sau:

node -v
npm -v

Nếu chưa biết cách cài đặt có thể xem ở đây: Hướng Dẫn Cài Đặt NodeJS và NPM trên MacOS, Window, Linux

2. Khởi Tạo Dự Án Node.js

Mở terminal và tạo một thư mục mới cho ứng dụng Express của bạn:

mkdir express-example-app
cd express-example-app

3. Cài Đặt Express

Cài đặt Express vào dự án của bạn, ở đây mình dùng express-generator để tạo nhanh hơn.

# Sử dụng express-generator để tạo nhanh hơn
npm install -g express-generator@4

npx express-generator --git

4. Cài Đặt dependencies

npm install

5. Chạy Ứng Dụng

Sau khi cấu hình xong ứng dụng, bạn có thể chạy ứng dụng bằng lệnh sau:

npm start

Ứng dụng của bạn sẽ chạy trên cổng 3000 (hoặc cổng mà bạn đã chỉ định trong PORT), và bạn có thể truy cập vào ứng dụng qua trình duyệt tại http://localhost:3000

ExpressJS Demo

Cấu trúc thư mục

Cấu trúc thư mục mặc định của ExpressJS tạo bằng express-generator version 4 sẽ như sau: ExpressJS Demo

Bước 2: Tạo File Chính của Ứng Dụng

Tạo một file mới có tên app.js trong thư mục dự án của bạn:

touch app.js

Mở file app.js và thêm mã sau để cấu hình một ứng dụng Express cơ bản:

const express = require('express');
const app = express();

// Cấu hình port cho ứng dụng
const PORT = process.env.PORT || 3000;

// Route cơ bản
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// Khởi động ứng dụng
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

Cấu hình auto reload

Để cài đặt tự động khởi động lại ứng NodejS khi có file thay đổi ta cài nodemon

npm install nodemon -g

Thay đổi script trong package.json

"scripts": {
  "start": "nodemon ./bin/www",
  "start:watch": "nodemon ./bin/www"
},

Ok, hãy thử lại

npm run start:watch

Thử tạo 1 API

ở Demo này thử tạo 1 API đơn giản List Product nhé.

Thêm route

Tạo file mới routes/products.js với nội dung như sau:

var express = require('express');
var router = express.Router();

/* GET products listing. */
router.get('/', function(req, res, next) {
  const products = [
    { id: 1, name: 'Laptop', price: 1000 },
    { id: 2, name: 'Mobile', price: 500 },
    { id: 3, name: 'Tablet', price: 300 }
  ];
  return res.json(products);
});

module.exports = router;

Đăng ký route

Mở file app.js và thêm nội dung như sau


var productsRouter = require('./routes/products');

app.use('/api/products', productsRouter);

Xem kết quả

Truy cập http://localhost:3000/api/products bằng trình duyệt hoặc Postman để xem kết quả.

ExpressJS simple API

Kết Luận

Vậy là bạn đã tạo thành công một ứng dụng Express đơn giản, với các route cơ bản. Express là một framework rất mạnh mẽ và linh hoạt, cho phép bạn phát triển các ứng dụng web và API một cách nhanh chóng.

Mã nguồn

Bạn có thể xem mã nguồn demo ở đây: https://github.com/ducxinh/express-example-app

Mở Rộng

Routing, Middlware, Xử lý lỗi
Triển Khai Ứng Dụng: Bạn có thể triển khai ứng dụng lên server hoặc nền tảng cloud như Heroku, AWS, hoặc DigitalOcean.
Cấu hình với cơ sở dữ liệu : Bạn có thể kết nối ứng dụng Express của mình với cơ sở dữ liệu như MongoDB, MySQL hoặc PostgreSQL để lưu trữ và truy xuất dữ liệu.
Authentication : Sử dụng JWT hoặc OAuth để bảo mật các route yêu cầu xác thực người dùng.
API Routes : Xây dựng các route API RESTful để phục vụ ứng dụng frontend.