Cách làm chức năng đăng nhập bằng tài khoản Google trong Laravel

Hướng dẫn chi tiết cách tích hợp tính năng đăng nhập bằng tài khoản Google trong Laravel sử dụng thư viện Laravel Socialite. Bài viết sẽ giúp bạn thiết lập ứng dụng Google API và cấu hình trong Laravel.

Trong bài viết này, chúng ta sẽ tìm hiểu cách tích hợp chức năng đăng nhập bằng tài khoản Google trong ứng dụng Laravel. Chúng ta sẽ sử dụng Laravel Socialite để thực hiện OAuth và lấy thông tin người dùng từ Google. Quá trình này bao gồm việc cài đặt Socialite, thiết lập Google API, và cấu hình các route và controller để xử lý quá trình xác thực.

Các bước thực hiện:

1. Cài đặt Laravel Socialite Laravel Socialite là một package hỗ trợ đăng nhập qua các nhà cung cấp OAuth như Google, Facebook, GitHub, v.v.

   Sử dụng Composer để cài đặt Socialite:

   composer require laravel/socialite
   

2. Cấu hình Google API Để sử dụng OAuth của Google, bạn cần tạo một dự án trên Google Developer Console. Các bước bao gồm:

   • Tạo một dự án mới
   • Thiết lập OAuth consent screen
   • Tạo thông tin OAuth credentials
   • Lấy Client ID và Client Secret

3. Cấu hình .env Sau khi có Client ID và Client Secret từ Google Developer Console, thêm chúng vào tệp .env của dự án Laravel:

   GOOGLE_CLIENT_ID=your-google-client-id
   GOOGLE_CLIENT_SECRET=your-google-client-secret
   GOOGLE_REDIRECT_URL=http://your-domain.com/auth/google/callback
   

4. Cấu hình services.php Tiếp theo, mở tệp config/services.php và thêm cấu hình Google:

   'google' => [
       'client_id' => env('GOOGLE_CLIENT_ID'),
       'client_secret' => env('GOOGLE_CLIENT_SECRET'),
       'redirect' => env('GOOGLE_REDIRECT_URL'),
   ],
   

5. Tạo route Trong tệp routes/web.php, thêm route để người dùng có thể điều hướng đến Google để đăng nhập:

   use Laravel\Socialite\Facades\Socialite;
   
   Route::get('auth/google', function () {
       return Socialite::driver('google')->redirect();
   });
   
   Route::get('auth/google/callback', function () {
       $user = Socialite::driver('google')->user();
   
       // Xử lý đăng nhập hoặc tạo người dùng
       $existingUser = User::where('email', $user->getEmail())->first();
   
       if ($existingUser) {
           // Đăng nhập nếu người dùng đã tồn tại
           Auth::login($existingUser);
       } else {
           // Tạo người dùng mới
           $newUser = User::create([
               'name' => $user->getName(),
               'email' => $user->getEmail(),
               'google_id' => $user->getId(),
               // Có thể thêm các thông tin khác nếu cần
           ]);
   
           Auth::login($newUser);
       }
   
       return redirect('/home');
   });
   

6. Thêm cột google_id vào bảng users Để lưu Google ID của người dùng, bạn cần thêm một cột google_id vào bảng users. Tạo một migration:

   php artisan make:migration add_google_id_to_users_table --table=users
   

   Sau đó, trong tệp migration, thêm đoạn mã:

   public function up()
   {
       Schema::table('users', function (Blueprint $table) {
           $table->string('google_id')->nullable();
       });
   }
   
   public function down()
   {
       Schema::table('users', function (Blueprint $table) {
           $table->dropColumn('google_id');
       });
   }
   

   Chạy lệnh migration:

   php artisan migrate
   

Yêu cầu hệ thống:

• Laravel phiên bản 8.x hoặc mới hơn
• Composer để quản lý package
• Tài khoản Google Developer Console để tạo OAuth credentials

Cách cài đặt các thư viện:

• Cài đặt Laravel Socialite: composer require laravel/socialite
• Thiết lập tài khoản Google API từ Google Developer Console

Lời khuyên:

• Khi triển khai trên môi trường thực tế, hãy đảm bảo GOOGLE_REDIRECT_URL trỏ tới một miền hợp lệ (sử dụng HTTPS).
• Sử dụng thư viện như Laravel Debugbar để dễ dàng debug các lỗi trong quá trình phát triển.

---