ONPHPID

  • How To
  • Tutorial Bootstrap
  • Tutorial Laravel
  • Tutorial WordPress
Menu
  • How To
  • Tutorial Bootstrap
  • Tutorial Laravel
  • Tutorial WordPress
Forum

Share

Reply

  • 2

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

August 6, 2017 2 min read

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…

  • Belajar Laravel
  • #Belajar Laravel
  • #Install Laravel
  • #Laravel 5.3
  • #Login System
« Membuat Sendiri Widget Sederhana WordPress
Cara Mencetak Data Langsung ke Printer Dot Matrix pada Laravel PHP »

Advertisement

Belajar Laravel Lebih Mudah Dengan Ebook Fullstack Developer
Baca Selengkapnya

Popular Posts

  • belajar bootstrap login Membuat Form login dengan bootstrap dan PHP under How To
  • Menampilkan Data Berdasarkan Dropdown Select Pada PHP MySQL under How To
  • belajar bootstrap untuk membuat template website Belajar Membuat Template Web Menggunakan Bootstrap under How To
  • cara menggunkan datatables Menangani Jumlah Data yang Besar pada datatables under How To
  • form register Membuat Form Registrasi dengan Bootstrap dan PHP under How To
  • laravel multi auth Membuat Level Akses User di Laravel 5.5 under Belajar Laravel
  • php oop tutorial php object oriented tutorial php class constructor php class variable php class extends php class example php class abstract php class interface php class implements Tutorial PHP Object Oriented Programming (OOP) Untuk Pemula under PHP OOP Tutorial
  • Cara Mencetak Data Langsung ke Printer Dot Matrix pada Laravel PHP under Belajar Laravel
  • belajar wordpress,belajar wordpress pemula, belajar menggunakan wordpress, belajar developer wordpress Belajar Menjadi Developer WordPress under Belajar WordPress
  • multiple-insert-dengan-php Input data massal | multiple insert dengan php under Articles

Recent Posts

  • Membuat Web API Sederhana Untuk Kode Pos & Kota
  • Membaca & Mengatasi Error Pada Aplikasi PHP
  • Membuat Aplikasi Polling Sederhana dengan PHP MySQLi
  • PHP OOP: Abstract dan Interface
  • PHP Object Oriented Programming : Class Extends
DMCA.com Protection Status

Advertisement

Belajar Laravel Lebih Mudah Dengan Ebook Fullstack Developer
Baca Selengkapnya

Ebook Tutorial Laravel PDF Untuk Pemula

Avatar ONPHPID
Oct 14, 2018 1 min read

Membuat Alert Message yang lebih menarik di Laravel

Avatar ken'
Oct 22, 2017 2 min read

Laravel 5.5 – Cara Membuat dan Menggunakan Helper pada…

Avatar ken'
Oct 20, 2017 1 min read

ONPHPID Tutorial

  • About Us
  • Disclaimer
  • Privacy Policy
  • Crontab Generator
Menu
  • About Us
  • Disclaimer
  • Privacy Policy
  • Crontab Generator
Facebook
Instagram
Youtube