Tutorial Login Dengan Google & Github di Laravel 9 Menggunakan Socialite #8 : Login & Register Dengan Google


Syahrizal Ali Sadikin
Full-Stack Web Developer
Tutorial Login Dengan Google & Github di Laravel 9 Menggunakan Socialite #8 : Login & Register Dengan Google

halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar bagaimana cara mendapatkan CLIENT ID & SECRET ID dari Google

CLIENT ID & SECRET ID ini akan kita gunakan sebagai credential OAuth Laravel Socialite. Setelah sebelumnya kita sudah berhasil membuat dengan GitHub. Langsung saja kita mulai.

Langkah 1 - Mendapatkan CLIENT ID & SECRET ID Google.

Silahkan teman-teman bisa mengunjungi Google Developer Console, dan silahkan teman-teman klik NEW PROJECT, kurang lebih seperti gambar di bawah ini :

Kemudian silahkan teman-teman pilih OAuth consent screen ,pilih type External setelah itu klik CREATE

Kemudian silahkan teman-teman isikan Nama Aplikasinya, disini contohnya saya membuat dengan nama “Eccomerce”.

App Domain : http://localhost:8000/,

setelah semua di isi sesuai sample scrool ke bawah klik SAVE AND CONTINUE

Kemudian silahkan teman-teman create Credentials Seperti berikut :

Silahkan teman-teman pilih Application type Web application dan name nya sesuai kebutuhan, disini contohnya saya membuat dengan name “Web Eccomerce”.

Authorized JavaScript origins : http://localhost:8000/,

Authorized redirect URIs : http://localhost:8000/auth/google/callback

Note : Url http://localhost:8000/auth/google/callback otomatis dijalankan setelah berhasil login ke akun google

Setelah semua data di isi lalu klik save ya

Maka disini teman-teman bisa mendapatkan CLIENT ID & SECRET ID.

Silahkan teman-teman copy CLIENT ID & SECRET ID tersebut dan paste di dalam file .env di bagian credential Google :

GOOGLE_CLIENT_ID=paste_client_id
GOOGLE_CLIENT_SECRET=paste_client_secret
GOOGLE_CLIENT_REDIRECT=http://localhost:8000/auth/google/callback

Langkah 2 - Uji Coba Login Dengan Google

Silahkan teman-teman restart server projectnya, kemudian jalankan lagi dengan mengetikan perintah :

php artisan serve

Sekarang teman-teman bisa mencoba aplikasinya dengan Login atau Register dengan akun Google.

Sampai disini pembahasan tentang membuat Login dengan Google di Laravel menggunakan Laravel Socialite.

Jika teman-teman ada pertanyaan, silahkan teman-teman bisa bertanya melalui kolom kementar dibawah, dengan menyertakan error, secreenshot, source code, dll.

Jika ada saran, atau ingin menawarkan kersajasama, silahkan teman-teman bisa mengirimkannya ke

email : alisadikinsyahrizal@gmail.com

wa : 089649532860

telegram : syahrizal_as

Ig : syahrizal_alisadikin

Link source code : https://github.com/syahrizal-alisadikin/Laravel-9.3-Sociate

Terima Kasih


Syahrizal Ali Sadikin
Full-Stack Web Developer

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami