Website xem phim mô phỏng giao diện iQIYI, xây dựng với Laravel 9, React, Inertia.js, Vite, Tailwind CSS và MySQL. Dự án hỗ trợ xem chi tiết phim, chọn tập, phát video HLS .m3u8, tìm kiếm/lọc phim, đăng ký–đăng nhập, yêu thích và lịch sử xem. Trang quản trị cho phép quản lý phim, danh mục, tập phim, SEO/quảng cáo và crawl dữ liệu phim.
Mã nguồn phù hợp để học tập, làm đồ án hoặc phát triển thành hệ thống xem phim riêng. Hướng dẫn cài đặt XAMPP, database, Laravel và Vite đã kèm trong file
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
# Hướng dẫn cài đặt iQIYI Clone
## Yêu cầu
- XAMPP (bật **MySQL**; Apache chỉ cần khi chạy qua XAMPP).
- PHP 8.0.2 trở lên và Composer.
- Node.js 18 trở lên cùng npm.
> Trên Windows, hãy mở PowerShell tại thư mục dự án: `C:\xampp\htdocs\iqi`.
## 1. Cài các gói phụ thuộc
```powershell
composer install
npm install
```
Lệnh `npm install` cũng cài HLS player (`hls.js`) để phát các link phim `.m3u8`.
## 2. Tạo và cấu hình môi trường
Nếu chưa có file `.env`, tạo từ file mẫu:
```powershell
Copy-Item .env.example .env
```
Sinh khóa ứng dụng:
```powershell
php artisan key:generate
```
Mở `.env` và cập nhật phần sau theo MySQL của bạn:
```dotenv
APP_NAME="iQIYI Clone"
APP_URL=http://127.0.0.1:8000
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=iqi
DB_USERNAME=root
DB_PASSWORD=
```
Tạo database `iqi` trong phpMyAdmin (http://localhost/phpmyadmin), chọn mã hóa `utf8mb4_unicode_ci`. Nếu MySQL có mật khẩu cho tài khoản `root`, điền mật khẩu đó vào `DB_PASSWORD`.
## 3. Tạo bảng dữ liệu
```powershell
php artisan migrate
```
Khi database chưa có dữ liệu, truy cập `/admin` sau khi chạy ứng dụng để tạo các bản ghi mẫu. Từ trang này có thể thêm phim/tập hoặc crawl phim vào database.
## 4. Chạy môi trường phát triển
Mở hai cửa sổ PowerShell tại thư mục dự án.
**Cửa sổ 1 – Laravel:**
```powershell
php artisan serve
```
**Cửa sổ 2 – Vite/React:**
```powershell
npm run dev
```
Mở http://127.0.0.1:8000 trong trình duyệt.
## Chạy qua Apache của XAMPP
Document root phải trỏ đến thư mục `public` của dự án, không phải thư mục gốc. Khuyến nghị tạo VirtualHost có `DocumentRoot` là:
```text
C:/xampp/htdocs/iqi/public
```
Sau đó chạy `npm run dev` khi phát triển. Nếu không cần tự cập nhật giao diện, thay bằng:
```powershell
npm run build
```
Và đặt `APP_URL` trong `.env` thành URL của VirtualHost, ví dụ `http://iqi.test`.
## Kiểm tra
```powershell
php artisan test
npm run build
```
## Xử lý lỗi thường gặp
| Lỗi | Cách xử lý |
| --- | --- |
| `Access denied for user` hoặc không kết nối được database | Kiểm tra MySQL trong XAMPP đang chạy và các biến `DB_*` trong `.env`. |
| `Vite manifest not found` | Chạy `npm run build`; khi phát triển, chạy `npm run dev`. |
| CSRF token mismatch | Xóa cache cấu hình bằng `php artisan optimize:clear`, sau đó tải lại trang. |
| Player không phát `.m3u8` | Chạy lại `npm install`, rồi `npm run dev` hoặc `npm run build`. |
Nguồn: Topcode.vn
