Laravel 5.6 – Login with Facebook using Socialite
In this post we will give you information about Laravel 5.6 – Login with Facebook using Socialite. Hear we will give you detail about Laravel 5.6 – Login with Facebook using SocialiteAnd how to use it also give you demo for it if it is necessary.
Laravel 5.6 – Login with Facebook using Socialite
In this Laravel 5.6 tutorial, I am going to tell you how to implement social login functionality in our Laravel application using Socialite package.
It’s very important to put login functionality with social media in website to increase traffic.
Please keep in touch with us to know more about connectivity with social sites like Google +, Twitter and Github etc.
As we all know that users are not interested in registration process by filling a big form. Login with social media is a quick and powerful way to get traffic on our website and provide easiest way to login into website.
This tutorial will explain how to implement login with facebook or register with facebook account by storing user profile data in our MySQL database.
It’s very easy to work with login and register functionality in Laravel 5.6 using socialite package.
Let’s start
You will need facebook app id and secret key to login with facebook account in website.
You will have to follow some steps to get the Facebook APP ID and APP secret from here : https://developers.facebook.com/apps and click + Create New App.
Now you are ready to start with steps to implement login functionality.
Install Socialite Package
In this first step, I will install package to start with Socialite.
composer require laravel/socialite
After installing the socialite package, register the provider and aliases in config/app.php file.
config/app.php
'providers' => [ .... LaravelSocialiteSocialiteServiceProvider::class, ], 'aliases' => [ .... 'Socialite' => LaravelSocialiteFacadesSocialite::class, ],
Configure Laravel Socialite
Now open config/services.php
file to set App Id and App Secret as client_id and client_secret with call back url.
config/services.php
return [ .... 'facebook' => [ 'client_id' => env('FB_CLIENT_ID'), 'client_secret' => env('FB_CLIENT_SECRET'), 'redirect' => env('FB_CALLBACK_URL'), ], ]
in your .env file :
.env
FB_CLIENT_ID=xxxxxxxxx FB_CLIENT_SECRET=xxxxxxx FB_CALLBACK_URL=http://localhost:8000/auth/facebook/callback
Migrations and User Model
When you download the laravel application, you will see the some migration file inside database/migrations
to create users table and password reset table.
Open the migration file to create users table :
database/migrations
<?php use IlluminateSupportFacadesSchema; use IlluminateDatabaseSchemaBlueprint; use IlluminateDatabaseMigrationsMigration; classCreateUsersTableextends Migration { /** * Run the migrations. * * @return void */ publicfunctionup() { Schema::create('users', function (Blueprint $table) { $table->increments('id'); $table->string('name'); $table->string('email')->nullable(); $table->string('password', 60)->nullable(); $table->string('provider'); $table->string('provider_id'); $table->rememberToken(); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ publicfunctiondown() { Schema::dropIfExists('users'); } }
If you already have laravel application then you will have to generate new migration file to add extra columns to user table and also set the email and password field to nullable.
Now run migration with following command :
php artisan migrate
User Model
Now add provider
and provider_id
to fillable attribute called “mass assignable” in the User
Model.
app/User.php
[...] protected $fillable = [ 'name', 'email', 'password', 'provider', 'provider_id' ]; [...]
Routing
Now add following two routes: one for redirecting the user to the OAuth provider and second for handle the callback url.
Route::get('auth/{provider}', 'AuthSocialAuthController@redirect'); Route::get('auth/{provider}/callback', 'AuthSocialAuthController@callback');
Social Auth Controller
In this step, I will add Socialite using the Socialite facade and also have to require the Auth facade.
app/Http/Controllers/Auth/SocialAuthController.php
<?php namespace AppHttpControllersAuth; use AppUser; use AppHttpControllersController; use Socialite; use Exception; use Auth; classSocialAuthControllerextends Controller { /** * Create a new controller instance. * * @return void */ publicfunctionredirect($provider) { return Socialite::driver($provider)->redirect(); } /** * Get the user info from provider and check if user exist for specific provider * then log them in otherwise * create a new user then log them in * Once user is logged in then redirect to authenticated home page * * @return Response */ publicfunctioncallback($provider) { try { $user= Socialite::driver($provider)->user(); $input['name'] =$user->getName(); $input['email'] =$user->getEmail(); $input['provider'] =$provider; $input['provider_id'] =$user->getId(); $authUser=$this->findOrCreate($input); Auth::loginUsingId($authUser->id); return redirect()->route('home'); } catch (Exception $e) { return redirect('auth/'.$provider); } } publicfunctionfindOrCreate($input){ checkIfExist = User::where('provider',$input['provider']) ->where('provider_id',$input['provider_id']) ->first(); if($checkIfExist){ return$checkIfExist; } return User::create($input); } }
Login Blade File
Now it’s time to add links to the login view so that user will be able to login with facebook in our website.
resources/views/login.blade.php
[...] <divclass="container"> <divclass="row"> <divclass="col-md-12"> <ahref="{{ url('auth/facebook') }}"class="btn btn-primary"> <iclass="fa fa-facebook"></i>Login With Facebook </a> </div> </div> </div> [...]
Try this..
Integrate Facebook Login Authentication and Register Example in Laravel 5.2 from Scratch
Laravel 5 login with google oauth apiclient example
Hope this code and post will helped you for implement Laravel 5.6 – Login with Facebook using Socialite. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs