Velflix | Bộ sưu tập mã nguồn mở

 ...

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ệnPhiên bản
NútPhiên bản 14.19.1+
NpmPhiên bản 6.14.16+
Nhà soạn nhạcPhiên bản 2.2.6+
PhpPhiên bản 8.0.17+
MysqlPhiê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ộ:

  1. Sao chép kho lưu trữ này

    git clone https://github.com/josuapsianturi/velflix.git
    
  2. Đi vào thư mục gốc của dự án

    cd velflix
    
  3. Sao chép tệp .env.example vào tệp .env

    cp .env.example .env
    
  4. Tạo cơ sở dữ liệu velflix(bạn có thể thay đổi tên cơ sở dữ liệu)

  5. 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).

  6. Đi .envnộp

    • thiết lập thông tin xác thực cơ sở dữ liệu ( DB_DATABASE=velflixDB_USERNAME=rootDB_PASSWORD=)
    • dánTMDB_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

  7. Cài đặt các phụ thuộc PHP

    composer install
    
  8. Tạo khóa

    php artisan key:generate
    
  9. cài đặt các phụ thuộc front-end

    npm install && npm run build
    
  10. Chạy di chuyển

    php artisan migrate
    
  11. 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

  12. Chạy máy chủ

    đối với người dùng dịch vụ đỗ xe hãy truy cập velflix.testvào trình duyệt yêu thích của bạn

    php artisan serve
    
  13. Truy cập localhost:8000bằ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.

  14. 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 .envtệ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 .envfile 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ành us6.

  • truy cập localhost:8000/pinghoặc velflix.test/pingsao 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 herevà chúng ta đã sẵn sàng
  • truy cập localhost:8000hoặc velflix.testkiể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ệ.
  1. 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 .envtệ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 8080hoặc cổng khác, nhưng hãy đảm bảo rằng khi chạy php artisan serve, dự án của bạn chạy trên cùng một cổng.

  • Sao chép Your Client IDYour Client Secret
  • Mở dự án velflix, vào .envfile và dán nó vào GOOGLE_CLIENT_ID=paste_herevà GOOGLE_CLIENT_SECRET=paste_herechúng ta đã sẵn sàng
    php 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:seedtrước

    ./vendor/bin/pest

Cây bách

  1. Để chạy thử nghiệm E2E
        npx cypress run
    

Pint Laravel

  1. Để chạy kiểm tra kiểu mã hóa
        ./vendor/bin/pint
    

Thi Thiên Laravel

  1. Để chạy phân tích tĩnh với Psalm
        ./vendor/bin/psalm
    

Larastan

  1. Để 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.

Đăng nhận xét

Mới hơn Cũ hơn