Velflix | Bộ sưu tập mã nguồn mở
Velflix là dự án sao chép Laravel Netflix sử dụng ngăn xếp TALL ( Tailwindcss , Alpinejs , Laravel , Livewire ).
Lưu ý Công việc đang tiến hành
Mục lục
Yêu cầu
Bưu kiện | Phiên bản |
---|---|
Nút | Phiên bản 14.19.1+ |
Npm | Phiên bản 6.14.16+ |
Nhà soạn nhạc | Phiên bản 2.2.6+ |
Php | Phiên bản 8.0.17+ |
Mysql | Phiên bản 8.0.27+ |
Cài đặt
Cảnh báo Trước tiên hãy đảm bảo thực hiện theo các yêu cầu.
Sau đây là cách bạn có thể chạy dự án cục bộ:
Sao chép kho lưu trữ này
git clone https://github.com/josuapsianturi/velflix.git
Đi vào thư mục gốc của dự án
cd velflix
Sao chép tệp .env.example vào tệp .env
cp .env.example .env
Tạo cơ sở dữ liệu
velflix
(bạn có thể thay đổi tên cơ sở dữ liệu)Tạo một tài khoản và lấy khóa API themoviedb tại đây . Hãy đảm bảo sao chép
API Read Access Token (v4 auth)
.Đi
.env
nộp- thiết lập thông tin xác thực cơ sở dữ liệu (
DB_DATABASE=velflix
,DB_USERNAME=root
,DB_PASSWORD=
) - dán
TMDB_TOKEN=(your API key)
Hãy đảm bảo tuân theo tên người dùng và mật khẩu cơ sở dữ liệu của bạn
- thiết lập thông tin xác thực cơ sở dữ liệu (
Cài đặt các phụ thuộc PHP
composer install
Tạo khóa
php artisan key:generate
cài đặt các phụ thuộc front-end
npm install && npm run build
Chạy di chuyển
php artisan migrate
Chạy máy gieo hạt
php artisan db:seed
lệnh này sẽ tạo ra 2 người dùng (admin và người dùng bình thường):
email: admin@gmail.com , mật khẩu: mật khẩu
email: user@gmail.com , mật khẩu: password
Chạy máy chủ
đối với người dùng dịch vụ đỗ xe hãy truy cập
velflix.test
vào trình duyệt yêu thích của bạnphp artisan serve
Truy cập
localhost:8000
bằng trình duyệt yêu thích của bạn.Hãy đảm bảo tuân thủ Môi trường phát triển Laravel cục bộ của bạn.
Cấu hình tính năng bản tin (tùy chọn)
- Đi đến mailchimp
- Đăng ký tài khoản của bạn, lấy khóa API và dán vào
.env
tệp. Nếu bạn cần trợ giúp, bạn có thể làm theo các bước sau:- Nhấp vào Đăng ký miễn phí
- Nhập dữ liệu của bạn, kiểm tra email và xác minh
- chọn Miễn phí, Tiếp theo
- Bạn có danh sách liên lạc không? (KHÔNG)
- Bạn có bán sản phẩm hoặc dịch vụ trực tuyến không? (Không, Sản phẩm)
- Tiếp tục
- Vào Hồ sơ > Tiện ích bổ sung > Khóa API
- Tạo khóa và sao chép khóa API
- mở dự án velflix, vào
.env
file và dán nó vàoMAILCHIMP_KEY=paste API key here
- Vào web.php và dán đoạn mã này vào cuối hoặc bạn có thể làm theo hướng dẫn tại đây
Route::get('ping', function() {
$mailchimp = new MailchimpMarketing\ApiClient();
$mailchimp->setConfig([
'apiKey' => config('services.mailchimp.key'),
'server' => 'us5',
]);
$response = $mailchimp->lists->getAllLists();
ddd($response);
});
hãy đảm bảo bạn điền
server
đúng, hãy kiểm tra liên kết ở đầu trang quản trị Mailchimp của bạn, với tôi làhttps://us5.admin.mailchimp.com/account/api/
vậy nên tôi cung cấp giá trị của máy chủ làus5
. nếu bạn nhận được us6, hãy thay đổi giá trị máy chủ thànhus6
.
- truy cập
localhost:8000/ping
hoặcvelflix.test/ping
sao chép giá trị của id trong"lists" > 0 > "id"
- mở dự án, trong tệp .env, dán id vào
MAILCHIMP_LIST_SUBSCRIBERS=paste id here
và chúng ta đã sẵn sàng - truy cập
localhost:8000
hoặcvelflix.test
kiểm tra email để đăng ký và làm mới tài khoản quản trị MailChimp của bạn. Lượng khán giả của bạn đã tăng thêm 1 liên hệ.
- Thiết lập đăng nhập Laravel Socialite bằng tài khoản Google (tùy chọn)
- Truy cập Google Developers Console và lấy "GOOGLE_CLIENT_ID" và "GOOGLE_CLIENT_SECRET". dán vào
.env
tệp. Nếu bạn cần trợ giúp, bạn có thể làm theo các bước sau: - Nhấp vào menu Thông tin xác thực, nhấp vào "chọn dự án" trên thanh điều hướng > TẤT CẢ > Không có tổ chức > dự án mới.
- tên dự án 'velflix', vị trí không được là tổ chức > Tạo.
- Đi tới menu màn hình đồng ý OAuth > Chọn Bên ngoài và Tạo
- Thông tin ứng dụng > tên ứng dụng 'velflix' chọn email hỗ trợ người dùng, điền email vào thông tin liên hệ của nhà phát triển, lưu và tiếp tục
- Vào menu Credentials > nhấp vào
+Create Credentials
ở trên cùng > chọn "OAuth Client ID" > chọn loại Ứng dụng "Web Application" > Tên 'velflix' - Tại URI chuyển hướng được ủy quyền > +THÊM URI > dán nội dung này vào
http://127.0.0.1:8000/login/google/callback
> Tạo.
LƯU Ý: bạn có thể thay đổi cổng này
8080
hoặc cổng khác, nhưng hãy đảm bảo rằng khi chạyphp artisan serve
, dự án của bạn chạy trên cùng một cổng.
- Sao chép
Your Client ID
vàYour Client Secret
- Mở dự án velflix, vào
.env
file và dán nó vàoGOOGLE_CLIENT_ID=paste_here
vàGOOGLE_CLIENT_SECRET=paste_here
chúng ta đã sẵn sàngphp artisan serve
- hãy thử nghiệm, hãy truy cập dự án trong trình duyệt của bạn > Đăng nhập > Đăng nhập Google > chọn tài khoản > và nếu thành công, nó sẽ được chuyển hướng đến trang phim.
Hãy cho tôi biết nếu bạn gặp rắc rối.
Kiểm tra
Côn trùng
Cảnh báo Mỗi lần bạn chạy thử nghiệm, bạn nên chạy
php artisan db:seed
trước
./vendor/bin/pest
Cây bách
- Để chạy thử nghiệm E2E
npx cypress run
Pint Laravel
- Để chạy kiểm tra kiểu mã hóa
./vendor/bin/pint
Thi Thiên Laravel
- Để chạy phân tích tĩnh với Psalm
./vendor/bin/psalm
Larastan
- Để chạy phân tích tĩnh với PHPStan
./vendor/bin/phpstan analyse
Đóng góp
Yêu cầu kéo được hoan nghênh.