Thêm một giao diện người dùng vào ứng dụng Node
Thêm một giao diện vào một dự án Express đòi hỏi một vài thứ. Cái đầu tiên là sử dụng một cơ chế mẫu, chúng
tôi sẽ thể hiện cho bạn làm cách nào cài đặt một cái và trình bày các mẫu ngắn gọn. Ứng dụng của bạn cũng nên
phục vụ các files tĩnh, như CSS. Trước khi trình bày các mẫu và viết bất cứ CSS nào, bạn cần biết làm cách
nào tạo các cái xử lí router từ các ví dụ trước phản ứng với cả JSON và HTML khi cần thiết.
Hỗ trợ nhiều hình thức
Trước đây bạn đã sử dụng res.send() để gửi các Javascript objects quay trở lại máy khách. Bạn đã sử dụng cURL
để thực hiện các yêu cầu, và trong trường hợp này JSON là thuận tiện vì nó là dễ để đọc trong console. Nhưng
để thực sự sử dụng ứng dụng, nó cần cũng hỗ trợ HTML. Làm cách nào bạn hỗ trợ cả hai?
Kĩ thuật cơ bản là sử dụng phương thức res.format cung cấp bởi Express. Nó cho phép ứng dụng của bạn trả lời
hình thức đúng dựa trên yêu cầu. Để sử dụng nó, cung cấp một danh sách các formats với các hàm cái phản ứng theo
cách mong muốn:
res.format({
html: () => {
res.render(‘articles.ejs’, { articles: articles });
},
json: () => {
res.send(articles);
}
});
Trong đoạn code này, res.render sẽ trình bày mẫu articles.ejs trong thư mục views. Nhưng cho cái này làm việc, bạn cần cài đặt một cơ chế mẫu và tạo một vài mẫu.