Dưới đây là hướng dẫn chi tiết về cách cài đặt Express.js và tạo ứng dụng web đầu tiên của bạn. Hãy bắt đầu từng bước một:
Bước 1: Chuẩn bị
Trước khi bắt đầu, hãy đảm bảo bạn đã cài đặt Node.js trên hệ thống của mình. Bạn có thể tải Node.js từ trang web chính thức (https://nodejs.org) và làm theo hướng dẫn cài đặt cho hệ điều hành của bạn.
Bước 2: Tạo Dự án Mới
Mở cửa sổ terminal (hoặc command prompt) và tạo một thư mục mới cho dự án của bạn. Di chuyển đến thư mục đó bằng cách sử dụng lệnh cd:
mkdir my-express-app
cd my-express-app
Bước 3: Khởi tạo Dự án
Tiếp theo, khởi tạo một dự án Node.js mới bằng cách chạy lệnh sau:
npm init
Bạn sẽ được yêu cầu nhập một số thông tin về dự án của bạn, chẳng hạn như tên gói, phiên bản, mô tả, điểm nhập, v.v. Bạn có thể nhấn Enter để chấp nhận các giá trị mặc định cho hầu hết các câu hỏi.
Bước 4: Cài đặt Express.js
Tiếp theo, bạn cần cài đặt Express.js như một phụ thuộc cho dự án của bạn. Sử dụng lệnh sau để thực hiện việc này:
npm install express --save
Điều này sẽ tải xuống và cài đặt Express.js, và cờ --save sẽ thêm nó làm phụ thuộc vào tệp package.json của bạn.
Bước 5: Tạo ứng dụng Express
Giờ đây, hãy tạo ứng dụng Express.js đầu tiên của bạn. Tạo một tệp mới có tên app.js (hoặc bất kỳ tên nào bạn thích) trong thư mục dự án của bạn.
Trong app.js, bạn cần yêu cầu Express và tạo một phiên bản của nó. Thêm mã sau vào tệp app.js của bạn:
const express = require('express');
const app = express();
Bước 6: Thiết lập Tuyến đường Cơ bản
Hãy tạo một tuyến đường đơn giản để phản hồi các yêu cầu HTTP đến. Ví dụ, chúng ta sẽ tạo một tuyến đường phản hồi với nội dung "Xin chào, Thế giới!" cho tất cả các yêu cầu đến. Thêm mã sau vào app.js:
app.get('/', (req, res) => {
res.send('Xin chào, Thế giới!');
});
Bước 7: Khởi động Máy chủ
Cuối cùng, bạn cần khởi động máy chủ Express. Thêm mã sau vào cuối của app.js:
const port = 3000;
app.listen(port, () => {
console.log(`Máy chủ đang chạy tại http://localhost:${port}`);
});
Bước 8: Chạy Ứng dụng
Lưu tệp app.js của bạn và quay lại terminal. Chạy lệnh sau để khởi động máy chủ Express.js của bạn:
node app.js
Nếu mọi thứ được thiết lập đúng, bạn sẽ thấy thông báo "Máy chủ đang chạy tại http://localhost:3000" xuất hiện trên terminal.
Bước 9: Kiểm tra Ứng dụng
Mở trình duyệt web của bạn và điều hướng đến http://localhost:3000. Bạn sẽ thấy thông báo "Xin chào, Thế giới!" hiển thị trên trang.
Xin chúc mừng! Bạn đã thành công cài đặt Express.js và tạo ứng dụng web đầu tiên của mình. Bây giờ, bạn có thể xây dựng trên nền tảng này và khám phá thêm nhiều tính năng và khả năng của Express.js để phát triển các ứng dụng web mạnh mẽ và động. Chúc bạn mãi mãi mãi làm việc vui vẻ!