- Dự án TokyoLife có 3 thư mục là 3 ứng dụng khác nhau:
- Thư mục Server là ứng dụng API
- Thư mục Admin là ứng dụng web trang quản lý
- Thư mục User là ứng dụng web trang thương mại điện tử, có giao diện giống với TokyoLife
- Back-End Framework: ExpressJS
- Front-End Framework: Bootstrap 5 & AngularJS
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
1. Yêu cầu Node.js: Đảm bảo bạn đã cài đặt Node.js trên máy tính.
2. Cài đặt Server: Bạn cần cài đặt ứng dụng API trước tiên.
- Mở thư mục Server bằng `VSCode` hoặc IDE của bạn, sau đó mở Terminal và chạy lệnh sau để cài đặt các dependencies:
npm install hoặc yarn install
3. Cấu hình biến môi trường: Mở tệp `.env.example`, đổi tên tệp thành `.env`, và điền các thông tin sau:
- PORT: cổng mà API chạy
- MONGO_URL: địa chỉ kết nối tới CSDL
- SECRET_KEY: Khoá bí mật
- MAIL_NAME: địa chỉ email
- MAIL_PASSWORD: khoá ứng dụng của Google
- URL: địa chỉ web client
- CLOUDINARY_NAME: thông tin này lấy từ dashboard của Cloudinary
- CLOUDINARY_KEY: thông tin này lấy từ dashboard của Cloudinary
- CLOUDINARY_SECRET: thông tin này lấy từ dashboard của Cloudinary
4. Ví dụ biến môi trường: Tệp `.env` có thể có nội dung như sau:
- PORT: 8081
- `8081` là do bạn đặt, sao cho không trùng với cổng của các ứng dụng khác.
- MONGO_URL: `mongodb://root:pass@localhost:27017`
- Tôi đang sử dụng Docker để cài đặt MongoDB. Bạn cài đặt Docker Desktop vào máy. Sau đó, di chuyển đến thư mục TokyoLife, nơi chứa file `docker-compose.yml`. Mở Terminal và chạy lệnh sau để cài đặt:
docker-compose up -d
- Bạn có thể cài đặt MongoDB trên máy và tạo 1 database cụ thể ví dụ database TokyoLife chẳng hạn. Khi đó MONGO_URL sẽ thay đổi.
- SECRET_KEY: `SecretKey@123`
- Khoá bí mật là do bạn đặt. Khoá này dùng để tạo `token` vì vậy bạn nên đặt dài một chút.
- MAIL_NAME: `tokyolifedemo@gmail.com`
- Email để gửi email thông báo.
- MAIL_PASSWORD: `qwer tyui asdf ghjk`
- Khoá ứng dụng của Google, bạn vào `Quản lý tài khoản Google` > `Mật khẩu ứng dụng`, tạo 1 mật khẩu. Mật khẩu có dạng `qwer tyui asdf ghjk`.
- URL: `http://127.0.0.1:5501`
- Đây là URL của web thương mại điện tử, thư mục User
- CLOUDINARY_NAME, CLOUDINARY_KEY, CLOUDINARY_SECRET: Bạn truy cập `https://cloudinary.com` để đăng ký. Sau đó, bạn copy nội dung vào.
5. Chạy thử:
- Tạo tài khoản Admin:
npm run createAdmin hoặc yarn createAdmin
- Tài khoản Admin sẽ là:
{
name: "Admin",
email: "admin@gmail.com",
password: "123456",
role: "admin"
}
- Khởi chạy dev:
npm run dev hoặc yarn dev
- Khởi chạy product:
npm run start hoặc yarn start
- Cài đặt plugin `Live Server` trên `VSCode`
- Di chuyển tới thư mục Admin, chuột phải vào file `index.html` chọn `Open with Live Server`
- Di chuyển tới thư mục User, chuột phải vào file `index.html` chọn `Open with Live Server`