Để tiếp tục phát triển ứng dụng của chúng
tôi, chúng tôi muốn thiết lập một máy chủ đơn giản
sẽ phục vụ dữ liệu của chúng tôi được yêu cầu bởi ứng dụng của chúng tôi.
Cho đến nay, chúng tôi vẫn chưa học được đủ về cách
chúng tôi có thể thiết lập một máy chủ sẽ phục vụ một API REST.
Thay vào đó, chúng tôi sẽ sử dụng một mô-đun nút đơn giản gọi là json-server,
giúp chúng tôi nhanh chóng thiết lập một máy chủ đơn giản sẽ phục vụ dữ liệu được cung cấp
cho nó dưới dạng một tập tin JSON và cũng
phục vụ lên hình ảnh có thể được yêu cầu bởi ứng dụng của chúng tôi.
Vì vậy, để bắt đầu,
chúng ta hãy tiến hành để cài đặt mô-đun nút json-server,
và sau đó, thiết lập json-server của chúng tôi trong bài tập này.
Để bắt đầu, hãy truy cập vị trí thuận tiện của
bạn trên máy tính của bạn và tạo một thư mục có tên json-server.
Lý do tại sao tôi tạo thư mục này là tôi có thể lưu trữ tất cả các tập
tin được yêu cầu bởi json-server của tôi vào thư mục cụ thể này.
Sau đó, chúng tôi sẽ cài đặt mô-đun npm json-server như một mô-đun MPM toàn cầu.
Vì vậy, để làm điều đó,
tại dấu nhắc trong thiết bị đầu cuối của bạn,
gõ npm cài đặt trừ g json-server,
và sau đó để hoàn thành
việc cài đặt mô-đun npm json-server như một mô-đun toàn cầu.
Bây giờ, trong trường hợp bạn đang làm điều này trên Linux hoặc máy Mac,
hãy chắc chắn sử dụng sudo ở phía trước của nó.
Khi quá trình cài đặt hoàn tất,
hãy chuyển đến hướng dẫn để thiết lập json-server,
và ở đó, chúng tôi cung cấp một tệp có tên là db.json.
Tải về tập tin này và đặt tên nó là db.json và di
chuyển tập tin này vào thư mục json-server mà bạn đã tạo trong bước trước đó.
Bây giờ bạn thấy rằng tôi đã tải về các
tập tin db.json và sau đó di chuyển tập tin db.json đó vào thư mục json-server.
Ngoài ra, tôi cũng đã tạo ra một thư mục khác,
bên trong thư mục json-server, được đặt tên là public.
Bây giờ, bất cứ điều gì chúng tôi đặt trong thư mục công cộng này sẽ được cung cấp bởi
json-server của chúng tôi như một tài nguyên có thể được tải về từ máy chủ của chúng tôi.
Do đó, json-server của chúng tôi hoạt động như một máy chủ web tĩnh đơn giản có thể giúp chúng tôi
phục vụ bất kỳ tài nguyên nào như hình ảnh hoặc thậm chí cả một trang web.
Nếu bạn muốn, bạn có thể sao chép nó vào thư mục công cộng và làm cho nó
có sẵn để được phục vụ bởi json-server và xem trong một trình duyệt.
Tiếp theo, một lần nữa, đi đến các hướng dẫn,
và sau đó tải về tên tập tin zip này images.zip,
và sau đó giải nén tập tin này,
và sau đó bạn sẽ có được một thư mục có tên là hình ảnh, trong
đó có một tập hợp các hình ảnh PNG mà chúng tôi sẽ sử dụng trong ứng dụng của chúng tôi.
Vì vậy, một khi thư mục hình ảnh đã sẵn sàng,
di chuyển thư mục hình ảnh đó vào thư mục công cộng mà chúng tôi
vừa tạo ra trong thư mục json-server.
Đi đến thư mục của chúng tôi,
bạn sẽ thấy rằng bên trong thư mục công cộng,
tôi đã di chuyển thư mục con hình ảnh vào thư mục công cộng ở đây,
và điều này chứa tất cả các hình ảnh sẽ hữu ích cho ứng dụng của tôi.
Để khởi động json-server của bạn,
hãy vào thư mục json-server trong thiết bị đầu cuối của bạn và tại dấu nhắc,
gõ json-server và trừ đi xem db.json.
Lý do sử dụng cờ đồng hồ
này là json-server này sẽ giữ một chiếc đồng hồ trên tệp bb.json,
và bất cứ khi nào tệp db.json được sửa đổi,
nó sẽ tải lại tệp db.json và bắt đầu phục vụ dữ liệu sửa đổi từ máy chủ.
Ngoài ra, chúng ta cũng có thể đưa ra một lá cờ trừ d với một giá trị
, ví dụ, 2.000,
có nghĩa là khi máy chủ nhận được một yêu cầu,
nó sẽ phục vụ dữ liệu trở lại cho requester sau một sự chậm trễ 2 giây.
Bây giờ, điều này sẽ được sử dụng để mô phỏng sự chậm trễ trong việc truy cập một máy chủ qua Internet.
Vì vậy, đó là lý do tại sao tôi cũng sẽ đề nghị sử dụng
cờ trừ d 2.000 cho json-server.
Vì vậy, chúng ta hãy bắt đầu json-server của chúng tôi,
và sau đó bạn sẽ nhận thấy rằng json-server khởi động
và tuyên bố tất cả các tài nguyên có sẵn từ json-server.
Vì vậy, bạn có thể thấy rằng nó có một tập hợp các tài nguyên có sẵn tại tất cả các URL này.
Ngoài ra, máy chủ tĩnh công cộng phục vụ
dữ liệu tĩnh có sẵn tại URL này, localhost:3000.
Bây giờ, bạn có thể vào bất kỳ trình duyệt nào và sau đó nếu bạn gõ vào
localhost:3000 và slash món ăn,
bạn sẽ thấy rằng điều này sẽ bắt đầu phục vụ dữ liệu của chúng tôi dưới dạng mảng JSON ở đây.
Vì vậy, điều này sẽ hữu ích cho ứng dụng của chúng tôi.
Tương tự như vậy, bạn có thể nhập các nhà lãnh đạo,
và bạn sẽ thấy, một lần nữa,
dữ liệu được phục vụ và như vậy.
Nếu bạn gõ vào localhost:3000,
bạn sẽ thấy rằng máy chủ sẽ phục vụ lên
dữ liệu như một máy chủ tĩnh và sau đó hiện tại, nó trống.
Bây giờ, nếu bạn muốn truy cập vào các hình ảnh có sẵn từ máy chủ,
tôi chỉ có thể gõ hình ảnh và gõ vào tên của một tập tin PNG,
và sau đó bạn sẽ thấy rằng nó sẽ phục vụ lên hình ảnh tương ứng.
Bây giờ, điều này rất hữu ích cho chúng tôi,
khi chúng tôi phát triển ứng dụng của chúng tôi trong khóa học này.
Với điều này, chúng tôi hoàn thành bài tập này,
nơi chúng tôi đã thiết lập một máy chủ đơn giản gọi là json-server để phục vụ
dữ liệu và hỗ trợ một API REST mà chúng tôi có thể truy cập từ ứng dụng của chúng tôi.