Bản dựng Nodejs Express

Chương trình sau đại học. Phát triển web đầy đủ ngăn xếp

Chuyển phát nhanh là gì. js?

• Express là một Node linh hoạt. js khung ứng dụng web cung cấp một loạt các tính năng để phát triển cả ứng dụng web và thiết bị di động

• Thể hiện. js giúp việc xây dựng máy chủ web trở nên dễ dàng và đơn giản hơn nhiều bằng cách sử dụng phần mềm trung gian, phần mềm này có thể xử lý các yêu cầu và phản hồi

Các tính năng của Express. js

Các tính năng chính của Express. js bao gồm

• Khả năng thiết kế các ứng dụng web đơn trang, nhiều trang và lai

• Tùy chọn thiết lập phần mềm trung gian để phản hồi các yêu cầu HTTP

• Nó xác định một bảng định tuyến được sử dụng để thực hiện các hành động khác nhau dựa trên phương thức HTTP và URL

• Cho phép người dùng hiển thị động các trang HTML dựa trên việc chuyển các đối số tới các mẫu

Khóa học Full Stack Web Developer

Một ví dụ cơ bản về Hello Hello World trong Node. js Express

Bây giờ chúng ta hãy xem xét một máy chủ web cơ bản in “Xin chào thế giới” trên trình duyệt web

Quả sung. Thể hiện. ví dụ về js Hello World

• Đối tượng yêu cầu đại diện cho yêu cầu HTTP và chứa các thuộc tính cho chuỗi truy vấn yêu cầu, tham số, nội dung, tiêu đề HTTP, v.v.
• Đối tượng phản hồi đại diện cho phản hồi HTTP mà ứng dụng Express gửi khi nhận được yêu cầu HTTP

Quả sung. Thể hiện. js đầu ra Hello World

Sau đây là các bước mà chúng tôi đã thực hiện trong mã này để tạo một máy chủ web Express cơ bản

• Nhập khung Express vào Nút của chúng tôi. ứng dụng js
• Triển khai chức năng gọi lại với các tham số 'yêu cầu' và 'phản hồi'
• Ứng dụng sẽ lắng nghe trên cổng đã xác định, trong trường hợp này là “8081” và các biến 'host' và 'port' sẽ chứa địa chỉ và cổng tương ứng
• Cuối cùng, bảng điều khiển. câu lệnh log hiển thị địa chỉ và cổng trong dấu nhắc lệnh hoặc thiết bị đầu cuối

Nút. Ứng dụng js Express

Trong ứng dụng này, chúng tôi sẽ sử dụng Express. js để tạo một máy chủ web và sau đó tạo các lệnh gọi API. Các lệnh gọi API này sẽ xử lý các hoạt động CRUD. CRUD là viết tắt của tạo, đọc, cập nhật và xóa

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

Nút. cài đặt js

1. Tải xuống nút. js từ https. //nodejs. org/vi/tải xuống/. Chọn trình cài đặt phù hợp với yêu cầu hệ điều hành của bạn.  

Quả sung. Nút. js Trang tải xuống chính thức

2. Chạy nút. js và chấp nhận thỏa thuận cấp phép. Bạn có thể để các cài đặt còn lại như mặc định. Trình cài đặt sẽ cài đặt Node. js và nhắc bạn nhấp vào nút kết thúc

Quả sung. Nút. hộp thoại Cài đặt js

3. Để xác minh rằng Nút. js đã được cài đặt đúng chưa, hãy mở dấu nhắc lệnh và gõ lệnh này. nút --version

Quả sung. Dấu nhắc lệnh để xác minh Nút. js

Khóa học Lập trình viên Java Full Stack

4. Khi chúng tôi cài đặt Node. js, NPM (Trình quản lý gói nút) cũng được cài đặt. NPM bao gồm một số thư viện được sử dụng trong các ứng dụng web, chẳng hạn như React. Xác minh xem nó đã được cài đặt hay chưa bằng lệnh sau trong CMD. npm --version

Quả sung. Dấu nhắc lệnh để xác minh NPM

soạn thảo văn bản

Cài đặt trình soạn thảo văn bản bạn chọn. Chúng tôi đang sử dụng Visual Studio Code trong hướng dẫn này, nhưng bạn cũng có thể sử dụng các trình soạn thảo khác, chẳng hạn như Atom và Sublime Text, nếu bạn thích chúng.

Quả sung. Visual Studio Code Trang tải xuống chính thức

Người phát thơ

Chúng tôi đang sử dụng ứng dụng Postman để xác minh đầu ra của ứng dụng. Chúng tôi sẽ gửi và nhận lệnh gọi API và kiểm tra xem máy chủ web có hoạt động bình thường không

Để tải xuống ứng dụng, hãy truy cập trang web chính thức của nó

Quả sung. Trang tải xuống chính thức của Postman

Thiết lập dự án

1. Tạo một thư mục trống và đặt tên là node express
2. Mở thư mục vừa tạo trong VS Code, bên trong terminal gõ npm init để khởi tạo project. Nhấn phím “Enter” để giữ nguyên cài đặt mặc định

Quả sung. Nút. js Express thiết lập ban đầu

Hãy viết mã ngay bây giờ

Trong nút này. js Express, chúng ta sẽ tạo Node của riêng mình. ứng dụng js với Express. js, giúp việc tạo máy chủ web dễ dàng hơn nhiều so với vanilla Node. js

Trước tiên chúng ta hãy xem thư mục dự án sẽ trông như thế nào khi kết thúc hướng dẫn này

Quả sung. thư mục dự án

• chỉ mục tập tin. js đóng vai trò là máy chủ chính cho Node. ứng dụng js
• người dùng. js là một mô hình chứa dữ liệu về tất cả người dùng

• Bên trong thư mục routes/api, chúng tôi xác định tất cả các API route mà chúng tôi cần cho Node của chúng tôi. ứng dụng js Express

khóa học miễn phí. Bắt đầu với NodeJS

mục lục. js

Đây là tệp đóng vai trò là máy chủ chính và liên kết mọi tuyến API với nhau. Chúng tôi tạo tệp này trong thư mục gốc của dự án và sau đó thêm đoạn mã sau

const express = yêu cầu ("bày tỏ");

ứng dụng const = express();

ứng dụng. sử dụng (thể hiện. json());

ứng dụng. sử dụng (thể hiện. được mã hóa url ({ đã mở rộng. sai }));

ứng dụng. sử dụng ("/ api/người dùng", yêu cầu (". /tuyến/api/người dùng"));

ứng dụng. lắng nghe (3000, () => bảng điều khiển. log('Máy chủ bắt đầu'));

• Trước tiên, chúng tôi cài đặt mô-đun cấp tốc để sử dụng trong Nút của chúng tôi. ứng dụng js
• Tiếp theo, nhập mô-đun express vào chỉ mục. tập tin js
• bày tỏ. json() là một chức năng phần mềm trung gian phân tích tải trọng JSON, nếu có, trong các yêu cầu API đến
• Cuối cùng, chúng tôi nhập tất cả các tuyến đường mà chúng tôi sẽ tạo trong một thư mục khác
• Cuối cùng, chúng tôi đặt ứng dụng lắng nghe ở cổng 3000 và trả về một thông báo trên bảng điều khiển cho biết máy chủ đã khởi động

người dùng. js

Tệp này lưu trữ tất cả dữ liệu người dùng trong hệ thống quản lý người dùng. Vì đây là một dự án nhỏ, chúng tôi không sử dụng cơ sở dữ liệu ở đây và chỉ sử dụng danh sách để lưu trữ thông tin của người dùng

const người dùng = [

{

Tôi. 1,

Tên. "John",

e-mail. "john@gmail. com"

},

{

Tôi. 2,

Tên. "Thợ rèn",

e-mail. "thợ rèn @ gmail. com"

},

{

Tôi. 3,

Tên. "Chris",

e-mail. "chris@gmail. com"

},

{

Tôi. 4,

Tên. "Jack",

e-mail. "jack@gmail. com"

}

];

mô-đun. xuất khẩu = người dùng;

• Chúng tôi tạo một danh sách có tên người dùng và sau đó nhập dữ liệu cho bốn người dùng trong danh sách đó—ở dạng id, tên và địa chỉ email
• Sau đó, chúng tôi xuất mô-đun để các tệp khác trong dự án có thể sử dụng nó

Đào tạo chứng chỉ Java MIỄN PHÍ

người dùng. js

Trong tệp này, chúng tôi thêm các tuyến API mà chúng tôi muốn đưa vào ứng dụng. Đầu tiên, chúng ta sẽ tạo một thư mục có tên là các tuyến đường và bên trong đó, tạo một thư mục khác có tên là api. Sau khi tạo các thư mục, thêm một tệp mới và đặt tên là người dùng. js

const express = yêu cầu ("bày tỏ");

bộ định tuyến const = express. Bộ định tuyến();

const uuid = yêu cầu("uuid");

cho phép người dùng = yêu cầu (". /. /Người dùng");

bộ định tuyến. get("/", (req, res) => {

độ phân giải. json(người dùng);

});

bộ định tuyến. được("/. id", (req, res) => {

const tìm thấy = người dùng. một số (người dùng => người dùng. id === parseInt(yêu cầu. thông số. Tôi));

Nếu được tìm thấy) {

độ phân giải. json(người dùng. bộ lọc (người dùng => người dùng. id === parseInt(yêu cầu. thông số. Tôi)));

} khác {

độ phân giải. sendStatus(400);

}

});

bộ định tuyến. bài đăng("/", (req, res) => {

const newUser = {

Tôi. uuid. v4(),

Tên. yêu cầu. thân thể. Tên,

e-mail. yêu cầu. thân thể. e-mail

};

nếu (. người dùng mới. Tên. . người dùng mới. thư điện tử) {

trả lại độ phân giải. sendStatus(400);

}

người dùng. đẩy (người dùng mới);

độ phân giải. json(người dùng);

});

//Cập nhật người dùng

bộ định tuyến. đặt("/. id", (req, res) => {

const tìm thấy = người dùng. một số (người dùng => người dùng. id === parseInt(yêu cầu. thông số. Tôi));

Nếu được tìm thấy) {

const updateUser = req. thân thể;

người dùng. forEach(người dùng => {

nếu (người dùng. id === parseInt(yêu cầu. thông số. Tôi)) {

người dùng. tên = người dùng cập nhật. Tên ? . Tên. người dùng. Tên;

người dùng. email = người dùng cập nhật. thư điện tử? . e-mail. người dùng. e-mail;

độ phân giải. json({ tin nhắn. "Người dùng đã cập nhật", người dùng });

}

});

} khác {

độ phân giải. sendStatus(400);

}

});

//Xóa người dùng

bộ định tuyến. xóa bỏ("/. id", (req, res) => {

const tìm thấy = người dùng. một số (người dùng => người dùng. id === parseInt(yêu cầu. thông số. Tôi))

Nếu được tìm thấy) {

người dùng = người dùng. bộ lọc (người dùng => người dùng. Tôi. == parseInt(req. thông số. Tôi))

độ phân giải. json({

tin nhắn. "Người dùng đã bị xóa",

người dùng

});

} khác {

độ phân giải. sendStatus(400);

}

});

mô-đun. xuất khẩu = bộ định tuyến;

• Nhập các mô-đun cần thiết trong tệp này
• Nhập express để tạo các tuyến API
• Nhập uuid để tạo id cho người dùng mới
• Nhập người dùng để sử dụng dữ liệu người dùng

• bộ định tuyến. được('/'). Lộ trình này hiển thị dữ liệu của người dùng trong phản hồi API
• bộ định tuyến. được('/. Tôi'). Chúng tôi xác định lộ trình này để tìm kiếm dữ liệu của người dùng bằng ID của họ. Nó trả về dữ liệu nếu tìm thấy;
• bộ định tuyến. bưu kiện('/'). Đây là yêu cầu API POST cho phép chúng tôi thêm người dùng vào hệ thống quản lý sinh viên
• bộ định tuyến. đặt('/. Tôi'). Chúng tôi xác định một tuyến API khác lấy ID của một người dùng cụ thể, sau đó cập nhật dữ liệu của người dùng đó nếu tìm thấy;
• bộ định tuyến. xóa bỏ('/. Tôi'). Cuối cùng, tạo route cuối cùng cho Node của chúng ta. js lấy ID của người dùng làm đầu vào và xóa người dùng đó nếu tìm thấy;

Đó là tất cả mã chúng tôi cần để tạo máy chủ web bằng Express. js trong một nút. ứng dụng js.  

Tiếp theo, chúng ta sẽ tìm hiểu cách xác minh rằng máy chủ web đang hoạt động bình thường. Chúng ta có thể khởi động máy chủ bằng cách sử dụng lệnh sau trong thiết bị đầu cuối. chỉ mục nút. js

Người phát thơ

Postman là một ứng dụng trực quan và mạnh mẽ mà các nhà phát triển web sử dụng để kiểm tra xem các yêu cầu API trong ứng dụng của họ có hoạt động bình thường không

Quả sung. ứng dụng đưa thư

• Cuối cùng, chúng tôi sử dụng Postman cho các cuộc gọi API
• GET để lấy dữ liệu. http. //máy chủ cục bộ. 3000/api/người dùng/
• POST với nội dung JSON để thêm người dùng. http. //máy chủ cục bộ. 3000/api/người dùng/
• PUT với phần thân JSON để cập nhật dữ liệu cho user-id. http. //máy chủ cục bộ. 3000/api/người dùng/1
• DELETE để xóa người dùng. http. //máy chủ cục bộ. 3000/api/người dùng/1

Tất cả các tuyến API sẽ hoạt động như mong đợi.  

Nếu bạn có bất kỳ câu hỏi nào cho chúng tôi, vui lòng để lại trong phần bình luận bên dưới và chúng tôi sẽ có các chuyên gia của chúng tôi liên hệ lại với bạn ngay lập tức

Học các kỹ năng hàng đầu bao gồm Angular, Spring Boot, Hibernate, Servlets và JSP, cũng như MVC, dịch vụ web và SOA để xây dựng các ứng dụng web có khả năng mở rộng cao với Chương trình Thạc sĩ dành cho Nhà phát triển Java Full Stack

Vượt lên trên Curve và Master Node. js hôm nay

Bây giờ bạn đã biết cách tạo một máy chủ web đơn giản trong Nút này. js Express, bạn có thể tự hỏi làm thế nào bạn có thể có được các kỹ năng cần thiết để tận dụng sự phổ biến ngày càng tăng của nó. May mắn thay, có một số lựa chọn tuyệt vời để học bộ kỹ năng thú vị và thiết thực này theo tốc độ của riêng bạn. Nút của Simplilearn. js sẽ cung cấp cho bạn một nền tảng tuyệt vời trong nền tảng phổ biến này, kết hợp đào tạo trực tiếp, có người hướng dẫn, hướng dẫn theo nhịp độ của bản thân và các dự án thực hành để giúp bạn sẵn sàng cho sự nghiệp sau khi hoàn thành. Bạn cũng có thể khám phá Node. js phỏng vấn Câu hỏi để chuẩn bị cho cuộc phỏng vấn tiếp theo của bạn. Bắt đầu ngay hôm nay và nắm bắt tương lai của bạn.