Cara Membuat Login with Google di Laravel 10

Laravel adalah salah satu framework PHP yang sangat populer untuk pengembangan aplikasi web. Salah satu fitur yang sering dibutuhkan dalam pembuatan aplikasi adalah login with Google. Pada artikel ini, kita akan membahas langkah-langkah untuk membuat fitur login with Google di Laravel 10.

Langkah 1: Install Laravel 10

Langkah pertama adalah install Laravel 10. Anda dapat melakukannya dengan menjalankan perintah berikut di terminal:

composer create-project laravel/laravel my-google-login-app "10.*"

Setelah proyek selesai dibuat, masuk ke direktori proyek dengan menggunakan perintah:

cd my-google-login-app

Langkah 2: Konfigurasi OAuth Google

Langkah selanjutnya adalah mengkonfigurasi OAuth Google untuk aplikasi Laravel Anda. Untuk melakukannya, buka berkas .env dan tambahkan informasi OAuth Google Anda seperti di bawah ini:

GOOGLE_CLIENT_ID=your-client-id
GOOGLE_CLIENT_SECRET=your-client-secret
GOOGLE_REDIRECT_URI=http://localhost:8000/auth/google/callback

Anda dapat mendapatkan CLIENT_ID dan CLIENT_SECRET dengan membuat proyek di Google Developer Console.

Langkah 3: Install Laravel Socialite

Laravel Socialite adalah paket yang memudahkan integrasi dengan berbagai layanan OAuth, termasuk Google. Untuk menginstalnya, jalankan perintah berikut:

composer require laravel/socialite

Langkah 4: Konfigurasi Laravel Socialite

Selanjutnya, Anda perlu menambahkan konfigurasi Laravel Socialite. Buka berkas config/services.php dan tambahkan konfigurasi berikut:

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

Langkah 5: Membuat Route dan Controller

Buat route untuk login dengan Google dan controller yang akan mengatur logika autentikasi. Buka berkas routes/web.php dan tambahkan route berikut:

Route::get('/auth/google', 'Auth\GoogleController@redirectToGoogle');
Route::get('/auth/google/callback', 'Auth\GoogleController@handleGoogleCallback');

Kemudian, buatlah controller dengan menjalankan perintah berikut:

php artisan make:controller Auth/GoogleController

Langkah 6: Implementasi Logika Autentikasi

Buka controller yang telah dibuat (Auth/GoogleController.php) dan tambahkan logika autentikasi dengan Google. Berikut contoh sederhananya:

use Socialite;
use Illuminate\Support\Facades\Auth;

public function redirectToGoogle()
{
    return Socialite::driver('google')->redirect();
}

public function handleGoogleCallback()
{
    $user = Socialite::driver('google')->user();

    // Tambahkan logika untuk menyimpan atau mengautentikasi pengguna
    // Contoh: $user->getEmail(), $user->getName()

    // Autentikasi pengguna jika diperlukan
    Auth::login($user);

    return redirect('/home'); // Ganti dengan halaman yang sesuai
}

Langkah 7: Tampilan Login dengan Google

Terakhir, buat tampilan yang memungkinkan pengguna untuk login dengan Google. Anda dapat menggabungkannya dengan tampilan login Laravel bawaan atau membuat tampilan khusus.

Penutup

Dengan mengikuti langkah-langkah di atas, Anda dapat membuat fitur login dengan akun Google di aplikasi Laravel 10 Anda. Ini akan memberikan pengguna Anda kemudahan untuk masuk ke aplikasi menggunakan akun Google mereka. Semoga artikel ini bermanfaat dalam pengembangan aplikasi web Anda.