Login Dengan Social Media di Laravel Menggunakan Socialite #8 : Login & Register Dengan Facebook - halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar bagaimana cara mendapatkan CLIENT ID & SECRET ID dari Facebook.
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 Facebook
Silahkan teman-teman bisa mengunjungi Developer Facebook, dan silahkan teman-teman klik Tambahkan App Baru, kurang lebih seperti gambar di bawah ini :

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

Kemudian teman-teman akan melihat tampilan kurang lebih seperti dibawah ini :

Silahkan teman-teman klik Siapkan di bagian menu Masuk Facebook, maka teman-teman akan melihat tampilan kurang lebih seperti berikut ini :

Kita abaikan saja gambar di atas, selanjutnya teman-teman lanjutkan dengan klik menu Pengaturan > Dasar, kurang lebih seperti gambar di bawah ini :

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 Facebook :
FACEBOOK_CLIENT_ID=paste_client_id
FACEBOOK_CLIENT_SECRET=paste_secret_id
FACEBOOK_CLIENT_REDIRECT=http://localhost:8000/auth/facebook/callback
Selanjutnya, silahkan teman-teman klik menu disebelah kiri, Masuk Facebook > pengaturan, dan silahkan isikan bagian Redirect URI OAuth Valid :
http://localhost:8000/auth/facebook/callback
Kurang lebih seperti gambar dibawah ini :

Langkah 2 - Uji Coba Login Dengan Facebook
Silahkan teman-teman restart server projectnya, kemudian jalankan lagi dengan mengetikan perintah :
php artisan serve
Sekarang teman-teman bisa mencoba aplikasiya dengan Login atau Register dengan akun Facebook.
Sampai disini pembahasan tentang membuat Login dengan Facebook 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: com.santrikoding@gmail.com
Terima Kasih
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
SAWERIA
Memuat komentar...