socialite

Laravel 5.4 – Login with Facebook, Google, Github, LinkedIn and Bitbucket Bahasa Indonesia

Hallo sahabat ONPHPID, apa kabar?

Sekarang sudah bulan Agustus dan ternyata Laravel 5.5 yang katanya release bulan juli belum jadi di release, sambil kita menunggu Laravel 5.5 release, kita menggunakan Laravel 5.4 dulu ya. Kali ini kita akan belajar membuat Aplikasi web yang kita buat menggunakan Laravel bisa login menggunakan social media seperti facebook, github, google, linkedIn dan bitbucket. Hampir semua aplikasi web sekarang ada fitur tersebut, karena user baru biasanya agak malas untuk mengisi form registrasi yang panjang. Dengan adanya oAuth2 semua itu akan menjadi lebih mudah bagi user.

Sebelum lanjut Laravel 5.4 – Login with Facebook, Google, Github, LinkedIn and Bitbucket Bahasa Indonesia, ONPHPID asumsikan teman-teman sudah tau cara mendapatkan client_id dan secret_id dari facebook, dll. Karena akan kita gunakan pada tutorial ini. Di Laravel sendiri tersedia packages Socialite yang sangat mudah menggunakannya. Bagaimana implementasi Laravel Socialite di Aplikasi web kita? yukk kita coba bersama belajar laravel untuk pemula.

Sebelumnya ONPHPID asumsikan teman-teman sudah menginstall project Laravel baru yaitu Laravel 5.4, membuat database dan sudah menjalankan

php artisan make:auth

setelah itu kita install packages Laravel/Socialite dulu dengan cara

composer require laravel/socialite

jika sudah selesai, teman-teman bisa buka file app.php yang berada di config/, kemudian tambahkan code berikut

app.php

kemudian buka file service.php yang berada di config/ dan tambahkan code berikut:

service.php

buka file .env dan isi dengan client_id dan secret_key yang teman-teman dapatkan. seperti di bawah ini

.env

Setting socialite selesai, setelah itu kita tambahkan link di file login.blade.php agar dapat mengakses routing yang disediakan. Untuk itu kita tambahkan code berikut:

login.blade.php

sekarang kita buka file Model User.php migrations user dan ubah menjadi seperti dibawah ini:

User.php

user_migrations.php

setelah itu kita buat Model dan migrations baru dengan nama SocialAccount.php. Masih ingat kan cara membuatnya? jika lupa teman-teman bisa membaca lagi artikel ini.

php artisan make:model Models/SocialAccount -m

SocialAccount.php

social_accounts_migrations.php

Jika sudah teman-teman bisa melakukan migrate semua tablenya.

php artisan migrate

Sekarang kita buat Trait di direktori app/Http/Trait/ dengan nama SocialCheckService.php dan buat code seperti dibawah ini:

SocialCheckService.php

kemudian buat controller baru dengan nama SocialiteController di app/Http/Controllers/Auth

php artisan make:controller Auth/SocialiteController

dan buat menjadi seperti dibawah ini

SocialiteController.php

jika sudah kita daftarkan routenya di web.php dengan menambahkan route dibawah ini:

web.php

selesai…

waktunya kita testing, dan teman-teman akan mendapatkan error yang disebabkan oleh file SocialCheckService.php yang berada di app/Http/Trait/. Karena file tersebut belum dikenali oleh autoload composer maka kita daftarkan dulu dengan cara jalankan command berikut

composer dump-autoload

atau

composer dumpautoload

setelah itu insyaallah aplikasi berjalan dengan normal seperti di bawah ini:

 

Baca Juga : Membuat Sendiri Widget Sederhana WordPress

Sekian dulu Tutorial Laravel 5.4 – Login with Facebook, Google, Github, LinkedIn and Bitbucket Bahasa Indonesia. Jika ada hal yang kurang jelas atau ingin ditanyakan dapat melalui komentar. JANGAN LUPA like FANSPAGE ONPHPID untuk update informasi dan Subscribe Channel ONPHPID Tutorial. Selamat Belajar…

Mungkin Kamu Suka