XpertPhp

  • Home
  • Javascript
    • Jquery
    • React JS
    • Angularjs
    • Angular
    • Nodejs
  • Codeigniter
  • Laravel
  • Contact Us
  • About Us
  • Live Demos
Laravel 7 Socialite Twitter Login Tutorial Example
Laravel 7 Socialite Twitter Login Tutorial Example

Laravel 7 Socialite Twitter Login Tutorial Example

March 27, 2020 XpertPhp Comments 0 Comment

In this tutorial, we will tell you how to create twitter Login in Laravel Framework(Laravel 7 Socialite Twitter Login Tutorial Example).

Normally, we have seen that many websites are using Twitter social login. but here we can easily create the Twitter social login using the socialite package. so you can follow the below step.

Overview

Step 1: Install Laravel

Step 2: Setting Database Configuration

Step 3: Create Table using migration

Step 4: Install Package

Step 5: Add providers and aliases

Step 6: Create a Twitter App

Step 7: Configuration of API Key

Step 8: Create Auth

Step 9: Create Route

Step 10: Update Model and Controller

Step 11: Create Blade File

Step 1: Install Laravel

We are going to install laravel 7, so first open the command prompt or terminal and go to go to xampp htdocs folder directory using the command prompt. after then run the below command.

1
composer create-project --prefer-dist laravel/laravel laravel7_twitter_login

Step 2: Setting Database Configuration

After complete installation of laravel. we have to database configuration. now we will open the .env file and change the database name, username, password in the .env file. See below changes in a .env file.

1
2
3
4
5
6
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=Enter_Your_Database_Name(laravel7_twitter_login)
DB_USERNAME=Enter_Your_Database_Username(root)
DB_PASSWORD=Enter_Your_Database_Password(root)

Step 3: Create Table using migration

Now, we need to add twitter_id in the user table. so first we will add the twitter_id in the migration list after then we will run the migration command.

Here this file We have already updated in the database/migrations/create_users_table file. so you can see the below example code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateUsersTable extends Migration {
    /** * Run the migrations.
    * * @return void
    */
    public function up() {
        Schema::create('users', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name');
            $table->string('email')->unique();
            $table->string('password');
            $table->string('twitter_id')->nullable();
            $table->rememberToken();
            $table->timestamps();
        });
    }
    /** * Reverse the migrations. * * @return void */
    public function down() {
        Schema::dropIfExists('users');
    }
} ?>

Run the below command. after the changes above file.

1
php artisan migrate

Step 4: Install Package

Now, we are going to install the Socialite package using the below command.

1
composer require laravel/socialite

Step 5: Add providers and aliases

We will add below providers and aliases in the “config/app.php” file

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
'providers' => [
....
Laravel\Socialite\SocialiteServiceProvider::class,
],
'aliases' => [
....
'Socialite' => Laravel\Socialite\Facades\Socialite::class,
]

Step 6: Create Twitter App

here in this step, we need to twitter client id and client secret key and that credentials through we can create successfully login. if you don’t have twitter credentials then you have to create a twitter app. so you can go on https://developer.twitter.com/apps and create it.

Step 7: Configuration of Api Key

Now, we are going to configuration of api key in app/config/services.php file.

1
2
3
4
5
'twitter' => [
    'client_id' => 'enter your client id',
    'client_secret' => 'enter your secret key',
    'redirect' => 'http://127.0.0.1:8000/callback/twitter',
  ],

Step 8: Create Auth

Here in this step, below command using we will create laravel UI and authentication.

1
2
3
composer require laravel/ui
php artisan ui bootstrap --auth
npm install

Step 9: Create Route

Add the following route code in the “routes/web.php” file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
    return view('twitterLogin');
});
Route::get('auth/twitter', 'Auth\[email protected]');
Route::get('auth/twitter/callback', 'Auth\[email protected]');
?>

Step 10: Update Model and Controller

Here in this step, we need to update the User.php model and LoginController.php. so you can see the below example code.

app/User.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?php
namespace App;
use Illuminate\Notifications\Notifiable;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Foundation\Auth\User as Authenticatable;
class User extends Authenticatable {
use Notifiable;
/**
     * The attributes that are mass assignable.
     *
     * @var array
     */
protected $fillable = [ 'name', 'email', 'password', 'twitter_id' ];
/**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
protected $hidden = [ 'password', 'remember_token', ];
/**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
protected $casts = [ 'email_verified_at' => 'datetime', ];
}
?>

app/Http/Controllers/Auth/LoginController.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?php namespace App\Http\Controllers\Auth;
use App\Http\Controllers\Controller;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Socialite;
use Auth;
use Exception;
use App\User;
class LoginController extends Controller {
/*
    |--------------------------------------------------------------------------
    | Login Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles authenticating users for the application and
    | redirecting them to your home screen. The controller uses a trait
    | to conveniently provide its functionality to your applications.
    |
    */
    use AuthenticatesUsers;
    /*** Where to redirect users after login.
** @var string
*/
    protected $redirectTo = '/home';
    /*** Create a new controller instance.
* * @return void
*/
    public function __construct() {
        $this->middleware('guest')->except('logout');
    }
    public function redirectToTwitter() {
        return Socialite::driver('twitter')->redirect();
    }
    public function handleTwitterCallback() {
        try {
            $user = Socialite::driver('twitter')->user();
            $finduser = User::where('twitter_id', $user->id)->first();
            if ($finduser) {
                Auth::login($finduser);
                return return redirect('/home');
            } else {
                $newUser = User::create(['name' => $user->name, 'email' => $user->email, 'twitter_id' => $user->id]);
                Auth::login($newUser);
                return redirect()->back();
            }
        }
        catch(Exception $e) {
            return redirect('auth/twitter');
        }
    }
} ?>

Step 11: Create Blade File

Finally, We will create a twitterLogin.blade.php file in the “resources/views/” folder directory and paste the below code.
twitterLogin.blade.php

1
2
3
4
5
6
7
8
9
<div class="container">
<div class="row">
<div class="col-md-12 row-block">
<a class="btn btn-lg btn-primary btn-block" href="{{ url('auth/twitter') }}">
<strong>Login With Twitter</strong>
</a>
</div>
</div>
</div>

Download

Please follow and like us:
error
fb-share-icon
Tweet
fb-share-icon

Laravel
laravel 7, laravel 7 twitter login, laravel social login, Laravel Socialite

Post navigation

NEXT
Laravel 7 Socialite Facebook Login Tutorial Example
PREVIOUS
Laravel 7 Socialite Linkedin Login Tutorial Example

Latest Posts

  • Dynamic Dependent Dropdown in CodeIgniter 4 using Ajax
  • Laravel 8 Dynamic Dependent Dropdown using Jquery Ajax
  • login and registration example using pdo
  • php Login And Registration Example
  • Getting Visitors Country From Their IP In PHP
  • Angular 11 Get Current Route Url Example
  • Laravel 8 Vue JS Owl Carousel Slider Example Tutorial
  • Laravel 8 Vue JS Fullcalendar Example Tutorial
  • Angular 11 Http Get Example Tutorial
  • Angular 11 Router Tutorial With Example

Popular Posts

  • How to Create Dynamic Xml Sitemap in Codeigniter
  • How to run laravel without php artisan serve command
  • show multiple checkbox checked with multiple array using php
  • Laravel 5.8 CRUD operation with ajax example
  • Laravel 5.8 crud tutorial example
  • FullCalendar with Event Modal Dialog Example
  • Multiple database connection in codeigniter
  • PHP CRUD operation with MySQL
  • Jquery autocomplete search using php mysql and ajax
  • How to send an email with HTML template using PHP and Ajax

SUBSCRIBE TO OUR NEWSLETTER

Email


Categories

  • Ajax
  • Angular
  • Angularjs
  • Bootstrap
  • Codeigniter
  • Css
  • Htaccess
  • Javascript
  • Jquery
  • Laravel
  • MongoDB
  • MySql
  • Nodejs
  • Php
  • React JS
  • Shopify Api
  • Ubuntu

Tools

  • Compound Interest Calculator
  • Hex to RGB Color Converter
  • instagram video and photo downloader
  • About Us
  • Contact Us
  • Privacy Policy
  • Terms & Conditions
  • Site Map

© Copyright 2018 - © 2021, All Rights Reserved Powered by XpertPhp.com