Tạo cấu trúc thư mục cho dịch vụ backend của chúng ta
Chúng ta bây giờ sẽ tạo một cấu trúc thư mục cho dịch vụ backend của chúng ta dựa trên mô hình này. Đi theo các
bước này:
1. Trước tiên, copy thư mục ch2 thành một thư mục ch3 mới để tạo một thư mục mới cho dịch vụ backend của chúng ta,
như sau:
$ cp -R ch2 ch3
2. Mở thư mục ch3 mới trong VS Code
3. Biên tập .eslintrc.json file và thay thế browser env với node và es6 env, như sau:
“env”: {
“node”: true,
“es6”: true},
4. Cũng, loại bỏ các react và jsx-a11y plugins khỏi .eslintrc.json file. Chúng ta cũng có thể loại bỏ các thiết
lập liên quan đến React và overrides bây giờ bằng cách loại bỏ các dòng nêu bật:
5. Xóa các index.html và vite.config.js files.
6. Chúng ta bây giờ cũng có thể loại bỏ vite.config.js file khỏi .eslintignore file:
dist/
vite.config.js
7. Xóa các thư mục public, backend, và src.
8. Mở thư mục ch3 trong VS Code, mở một Terminal và chạy các lệnh sau để loại bỏ vite và react:
$ npm uninstall –save react react-dom
$ npm uninstall –save-dev vite @types/react \
@types/react-dom @vitejs/plugin-react \
eslint-plugin-jsx-a11y eslint-plugin-react
9. Biên tập package.json file và loại bỏ các dev, build, andvà preview scripts khỏi nó:
“scripts”: {
“dev”: “vite”,
“build”: “vite build”,
“lint”: “eslint src”,
“preview”: “vite preview”,
“prepare”: “husky install”},
10. Bây giờ tạo một thư mục src mới, và bên trong nó, tạo các thư mục src/db/ (cho tầng dữ liệu), src/services/
(cho tầng dịch vụ, và src/routes/ (cho tầng định tuyến).
Ứng dụng đầu tiên của chúng ta sẽ là một ứng dụng blog. Cho một ứng dụng như vậy, chúng ta sẽ cần API để có thể
làm những cái sau:
+ Nhận một danh sách các posts
+ Nhận một post đơn
+ Tạo một post mới
+ Cập nhật post hiện tại
+ Xóa một post hiện tại
Để cung cấp các chức năng này, chúng ta trước tiên cần tạo schema CSDL để định nghĩa blog post object trông là gì
trong CSDL của chúng ta. Sau đó, chúng ta cần các hàm dịch vụ để xử lí chức năng CRUD cho các blog posts. Cuối cùng,
chúng ta sẽ định nghĩa REST API của chúng ta để truy vấn, tạo, cập nhật và xóa các blog posts.