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…
