40 lines
1.2 KiB
Markdown
40 lines
1.2 KiB
Markdown
# Cấu hình API động theo IP thiết bị
|
|
|
|
## Cách hoạt động
|
|
|
|
1. **ApiConfigService** tự động detect IP từ `window.location.hostname`
|
|
2. **Request interceptor** tự động thêm base URL vào mọi request
|
|
3. Không cần cấu hình proxy phức tạp nữa
|
|
|
|
## Cách deploy trên nhiều thiết bị
|
|
|
|
### 1. Build ứng dụng
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
### 2. Deploy lên từng thiết bị
|
|
|
|
- Copy folder `dist` lên thiết bị
|
|
- Serve static files (nginx, apache, hoặc simple HTTP server)
|
|
|
|
### 3. Truy cập từ thiết bị
|
|
|
|
- Nếu thiết bị có IP `192.168.1.100`, truy cập: `http://192.168.1.100`
|
|
- Ứng dụng sẽ tự động gọi API đến `http://192.168.1.100:81`
|
|
|
|
## Ví dụ các thiết bị
|
|
|
|
| Thiết bị | IP | URL truy cập | API endpoint |
|
|
| --- | --- | --- | --- |
|
|
| Device 1 | 192.168.1.100 | http://192.168.1.100 | http://192.168.1.100:81/api/* |
|
|
| Device 2 | 192.168.1.101 | http://192.168.1.101 | http://192.168.1.101:81/api/* |
|
|
| Device 3 | 10.0.0.50 | http://10.0.0.50 | http://10.0.0.50:81/api/* |
|
|
|
|
## Lưu ý
|
|
|
|
- Backend API cần chạy trên port 81 của mỗi thiết bị
|
|
- Đảm bảo CORS được cấu hình đúng trên backend
|
|
- Nếu dùng domain, cần cấu hình HTTPS tương ứng
|