Cài đặt Laravel Jetstream Laravel 8

Posted on by adminChuyên mục:Kiến thức Internet

Cài đặt Laravel Jetstream Laravel 8

Trình duyệt của bạn không tương hỗ nghe audio .

Như đã nói ở bài trước Laravel Jetstream là bộ công cụ mạnh mẽ hơn Laravel Breeze  với nhiều tính năng hơn bởi vậy trong bài viết này chúng ta sẽ tìm hiểu về Laravel Jetstream cũng như  cách cài đặt Laravel Jetstream Laravel 8 các bạn nhé. 

I. Laravel Jetstream là gì?

Laravel Jetstream là một bộ khung được xây dựng sẵn cho Laravel 8 nhằm cung cấp công cụ khởi đầu cho dự án của bạn. Jetstream bao gồm các chức năng đăng nhập, đăng ký, xác thực địa chỉ email, xác thực 2 lớp (two-factor authentication), quản lý session, hỗ trợ API thông qua Laravel Sanctum, và tuỳ chọn quản lý team. Laravel Jetstream dựa trên authentication UI nhưng có sự cải tiến vượt bậc về tốc độ cũng như giao diện so với thế hệ cũ.

Laravel Jetstream được phong cách thiết kế bằng Tailwind CSS và cung ứng lựa chọn sử dụng Livewire hoặc Inertia .

II. Cài đặt Laravel Jetstream trong Laravel 8

1. Tạo mới project của bạn

Vì là bộ công cụ khởi đầu dự án Bất Động Sản thế nên bạn nên cài Laravel Jetstream ngay từ khi mới tạo dự án Bất Động Sản. Ví dụ dưới đây mình tạo mới project có tên Jetstream để minh họa luôn .Trong htdoc của xampp bật cmder và chạy lệnh tạo project laravel 8laravel new JetstreamChờ cho project được tạo

 

Tạo thành công tất cả chúng ta nhận được thông tin như sau :

2. Kết nối database

Vì mình sử dụng xampp nên sẽ tạo mới 1 database với tên jetstream trên phpMyadmin nhé những bạnSau đó tất cả chúng ta mở file. env ra tìm những dòng sau để config database cho laravel 8

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=jetstream
DB_USERNAME=root
DB_PASSWORD=

Ở đây tất cả chúng ta điền tên datase, username và password đúng theo cơ sở tài liệu là được .

Chú ý chúng ta cần cấu hình lại bảng mã trong file config/database.php

 'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

Cấu hình charset và collation cho đúng với cơ sở tài liệu mới tạo. Ví dụ ở đây mình thông số kỹ thuật là utf8 và utf8_general_ci

'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8',
            'collation' => 'utf8_general_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

3. Migration

Chạy lệnh sau để khởi tạo những bảng cơ bản cho cơ sở tài liệu

php artisan migrate

Kết quả như sau là thành công xuất sắc

4. Cài đặt Jetstream

Chạy câu lệnh dưới đây để cài đặt

composer require laravel/jetstream

5. Cài livewire 

Do Jetstram tương hỗ Liveware hoặc Inertia nên tất cả chúng ta chỉ cần chọn 1 trong 2 để setup. Ở đây chúng tôi chọn cài livewire

php artisan jetstream:install livewire

6. Build Laravel Mix

Chạy lần lượt những câu lệnh sau để tạo Laravel Mix .

npm install

Lưu ý trước đó bạn phải cài node.js thì mới chạy những lệnh này được .Chạy thành công xuất sắc hiển thị như sau :

Chạy tiếp

npm run dev

Nhận được thông tin sau là đã thành công xuất sắc tạo Laravel Mix

Bước ở đầu cuối là migrate những migration mới

php artisan migrate

7. Khởi động serve và test thành quả

Chạy lệnh khởi động serve

php artisan serve

Truy cập vào đường dẫn mặc định để test thành quả

Có thể thấy các đường dẫn Login, Register đã được tạo. Click vào trải nghiệm thôi nào

Có Validating xịn sò luôn 😀

III. Lời kết

Trên đây là cách cài đặt Laravel Jetstream Laravel 8 cực kỳ đơn giản. Mặc dù với Laravel 8 chúng ta có thể tự làm mọi thứ từ đầu thế nhưng Laravel Jetstream là tính năng nổi bật của Laravel 8 tại sao bạn lại không dùng nó chứ?

admin