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
[pre]php artisan make:auth[/pre]
setelah itu kita install packages Laravel/Socialite dulu dengan cara
[pre]composer require laravel/socialite[/pre]
jika sudah selesai, teman-teman bisa buka file app.php yang berada di config/, kemudian tambahkan code berikut
app.php
[gists]https://gist.github.com/wichaksono/6b569a51a03d786b19a3d9443ba923b6[/gists]
kemudian buka file service.php yang berada di config/ dan tambahkan code berikut:
service.php
[gists]https://gist.github.com/wichaksono/672507fc117674db9514487006963a7f[/gists]
buka file .env dan isi dengan client_id dan secret_key yang teman-teman dapatkan. seperti di bawah ini
.env
[gists]https://gist.github.com/wichaksono/ea9839344c4ea6e091376368d49fd11b[/gists]
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
[gists]https://gist.github.com/wichaksono/67d654dc5b6cc0ab61bc44f0aaf868b3[/gists]
sekarang kita buka file Model User.php migrations user dan ubah menjadi seperti dibawah ini:
User.php
[gists]https://gist.github.com/wichaksono/991d585cb062379efce548692e8e661f[/gists]
user_migrations.php
[gists]https://gist.github.com/wichaksono/f0241049cb39bab67b9e9de3c4a70f2a[/gists]
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.
[pre]php artisan make:model Models/SocialAccount -m[/pre]
SocialAccount.php
[gists]https://gist.github.com/wichaksono/7f02a6c8c81ad3dded2aca50816f63f4[/gists]
social_accounts_migrations.php
[gists]https://gist.github.com/wichaksono/b4bbdb7b60665d0d133d30de169a5b6b[/gists]
Jika sudah teman-teman bisa melakukan migrate semua tablenya.
[pre]php artisan migrate[/pre]
Sekarang kita buat Trait di direktori app/Http/Trait/ dengan nama SocialCheckService.php dan buat code seperti dibawah ini:
SocialCheckService.php
[gists]https://gist.github.com/wichaksono/0a7442f0f35da4b819a03fcb5ea06df8[/gists]
kemudian buat controller baru dengan nama SocialiteController di app/Http/Controllers/Auth
[pre]php artisan make:controller Auth/SocialiteController[/pre]
dan buat menjadi seperti dibawah ini
SocialiteController.php
[gists]https://gist.github.com/wichaksono/6ea627f8018fcbdad6b1e03a0ce8407b[/gists]
jika sudah kita daftarkan routenya di web.php dengan menambahkan route dibawah ini:
web.php
[gists]https://gist.github.com/wichaksono/f1848d0ab5fe5d4a014592aff07c48d9[/gists]
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
[pre]composer dump-autoload[/pre]
atau
[pre]composer dumpautoload[/pre]
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…
