Pembangunan Laravel: Bagaimana untuk melaksanakan log masuk pihak ketiga menggunakan Laravel Socialite dan Google?

Pembangunan Laravel: Bagaimana untuk menggunakan Laravel Socialite dan Google untuk melaksanakan log masuk pihak ketiga?

Dalam aplikasi web moden, log masuk dan pengesahan pengguna adalah penting. Kaedah pengesahan tradisional berdasarkan nama pengguna dan kata laluan tidak lagi dapat memenuhi keperluan keselamatan dan kemudahannya. Log masuk pihak ketiga menyelesaikan masalah ini dengan membenarkan pengguna log masuk ke aplikasi anda menggunakan akaun yang telah mereka buat pada platform lain.

Dalam artikel ini, kami akan memperkenalkan cara melaksanakan log masuk pihak ketiga menggunakan Laravel Socialite dan Google.

Apakah itu Laravel Socialite?

Laravel Socialite ialah perpustakaan pembungkusan untuk proses pengesahan OAuth yang digunakan secara meluas dalam komuniti Laravel. Ia membolehkan kami berhubung dengan mudah dengan pelbagai perkhidmatan pihak ketiga seperti Facebook, Twitter, Google, dll.

Tetapan Platform Pembangunan Google

Mula-mula, kami perlu mencipta ID klien OAuth dalam Platform Pembangunan Google. Buka https://console.developers.google.com/ dan buat projek baharu. Dalam menu lungsur turun "Pilih Projek" di penjuru kiri sebelah atas, klik "Projek Baharu."

Isi nama projek dan maklumat tetapan projek lain. Selepas membuat projek, anda akan dialihkan ke halaman gambaran keseluruhan projek. Daripada menu atas, pilih API & Perkhidmatan > Bukti kelayakan.

Klik butang "Buat Kredensial" dan pilih "ID Klien OAuth".

Dalam menu lungsur turun "Jenis Aplikasi", pilih "Aplikasi Web". Untuk mengintegrasikan Laravel Socialite dengan Google, kami perlu mengisi medan "Sumber JavaScript yang Dibenarkan" dan "Ubah hala URI".

Dalam medan "Sumber JavaScript Dibenarkan", masukkan nama hos aplikasi anda, kami boleh menggunakan URL "http://localhost" secara setempat. Dalam medan "Ubah hala", masukkan URL panggil balik untuk mengubah hala semula ke aplikasi anda selepas log masuk daripada Google. Dalam contoh ini, kami akan menggunakan URL "http://localhost:8000/auth/google/callback".

Setelah dibuat, anda akan diberikan ID Pelanggan dan Rahsia Pelanggan. Simpan bukti kelayakan ini, kami akan menggunakannya kemudian dalam Laravel.

Pemasangan dan konfigurasi Laravel Socialite

Laravel Socialite ialah pakej Komposer yang boleh digunakan melalui pemasangan baris arahan. Kami menggunakan arahan berikut untuk memasangnya:

composer require laravel/socialite

Selepas pemasangan selesai, tambah pembekal perkhidmatan Socialite dalam fail konfigurasi Laravel:

'providers' => [
    // ...
    LaravelSocialiteSocialiteServiceProvider::class,
],

Anda juga perlu menambah maklumat konfigurasi berikut ke fail konfigurasi Laravel:

'client_id' => env('GOOGLE_CLIENT_ID'),
'client_secret' => env('GOOGLE_CLIENT_SECRET'),
'redirect' => env('GOOGLE_REDIRECT'),

Di sini kami menggunakan fail .env untuk menyimpan maklumat konfigurasi yang diperlukan:

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

Integrasi Sosialit Laravel

Di sini kita perlu mencipta laluan pengendali yang akan mengendalikan aliran OAuth dengan Google.

Route::get('/auth/google', function () {
    return Socialite::driver('google')->redirect();
});

Route::get('/auth/google/callback', function () {
    $user = Socialite::driver('google')->user();
    dd($user);
});

Pengendali laluan pertama akan mengubah hala pengguna ke aliran log masuk Google.

Apabila berjaya, pengguna akan diubah hala ke pengendali laluan kedua. Pada ketika ini, kita boleh menggunakan kaedah user() untuk mendapatkan maklumat pengguna yang log masuk. Isikan kod pengguna yang dikembalikan dan cetak maklumat pengguna yang anda perolehi:

$user = Socialite::driver('google')->user();
dd($user);

Anda akan melihat data lain tentang pengguna, seperti nama pengguna, alamat e-mel, avatar, token, dsb. Berdasarkan maklumat ini, kami boleh melaksanakan log masuk pihak ketiga.

Di sini kami akan menggunakan maklumat pengguna yang diperoleh di atas untuk membuat dan mengesahkan pengguna aplikasi.

Route::get('/auth/google/callback', function () {
    $user = Socialite::driver('google')->user();
    // save application user
    $authUser = User::where('email', $user->email)->first();
    if ($authUser) {
        Auth::login($authUser, true);
        return redirect('/home');
    }
    // create application user
    $newUser = new User;
    $newUser->name = $user->name;
    $newUser->email = $user->email;
    $newUser->password = bcrypt(str_random(16));
    $newUser->save();
    Auth::login($newUser, true);
    return redirect('/home');
});

Di sini kita mulakan dengan mencari pengguna apl sedia ada menggunakan alamat e-mel yang dikembalikan oleh Google. Jika ditemui, kemudian log masuk menggunakan API pengesahan Laravel. Jika tidak dijumpai, kemudian buat pengguna baharu dan log masuk menggunakan API Pengesahan Laravel.

Kesimpulan

Artikel ini memperkenalkan cara menggunakan Laravel Socialite dan Google untuk melaksanakan log masuk pihak ketiga.

Melalui persediaan Google Dev Platform, kami menjana bukti kelayakan OAuth yang diperlukan. Kemudian, kami menggunakan Laravel Socialite untuk menghapuskan langkah dan kod yang membosankan dalam proses OAuth. Akhir sekali, kami mengesahkan dan mencipta pengguna baharu menggunakan alamat e-mel sedia ada pengguna.

Kami berharap artikel ini memberikan panduan tentang cara melaksanakan log masuk pihak ketiga menggunakan Laravel Socialite dan Google, serta meliputi gambaran keseluruhan proses OAuth.

Atas ialah kandungan terperinci Pembangunan Laravel: Bagaimana untuk melaksanakan log masuk pihak ketiga menggunakan Laravel Socialite dan Google?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!