Using Twitter Authentication For Login in Laravel 5

Previously, we dealt with Facebook Authentication.

Let’s see how we can utilize the Socialite package for Twitter Authentication:

1. Do a clean install of Laravel 5

2. Install Socialite

composer require laravel/socialite

1	composer require laravel/socialite

3. Head over to your config/app.php and add the following in the providers array:

Laravel\Socialite\SocialiteServiceProvider::class

1	Laravel\Socialite\SocialiteServiceProvider::class

4. Still in your config/app.php file, also add this to the aliases array:

'Socialite' => Laravel\Socialite\Facades\Socialite::class

1	'Socialite' => Laravel\Socialite\Facades\Socialite::class

We just registered a Facade for Laravel Socialite.

5. Create Twitter app.

Head over to https://apps.twitter.com/ . Click on create new app.

I named mine “Laravel Auth”.

Now, Let’s edit something. Twitter won’t allow us to use localhost so we have to fake it, let’s add this http://twitter-auth.app:8000/auth/twitter/callback as the callback URL.

…For you to be able to use this URL on your machine, you’ll have to run your Laravel app using Vagrant and homestead. You can get how to install them here on Mac and here on Windows.

The Website URL can be any placeholder url..if you don’t have a real URL.

6. Add Twitter Config

Head over to your config/services.php and add this:

'twitter' => [
    'client_id' => env('TWITTER_CLIENT_ID'),
    'client_secret' => env('TWITTER_CLIENT_SECRET'),
    'redirect' => env('CALLBACK_URL'),
 ],

'twitter' => [

'client_id' => env('TWITTER_CLIENT_ID'),

'client_secret' => env('TWITTER_CLIENT_SECRET'),

'redirect' => env('CALLBACK_URL'),

Open your .env file and add your twitter client id, secret and callback URL like so:

TWITTER_CLIENT_ID=xxxxxxxxx
TWITTER_CLIENT_SECRET=xxxxxxx
CALLBACK_URL=http://twitter-auth.app:8000/auth/twitter/callback

TWITTER_CLIENT_ID=xxxxxxxxx

TWITTER_CLIENT_SECRET=xxxxxxx

CALLBACK_URL=http://twitter-auth.app:8000/auth/twitter/callback

where xxxxxxx refers to your Consumer Key and Consumer secret.

7. Set up Routes and Controller Methods

You will need two routes: one for redirecting the user to the OAuth provider, and another for receiving the callback from the provider after authentication.

Add these to routes.php

Route::get('auth/twitter', 'Auth\AuthController@redirectToProvider');
Route::get('auth/twitter/callback', 'Auth\AuthController@handleProviderCallback');

1 2	Route::get('auth/twitter', 'Auth\AuthController@redirectToProvider'); Route::get('auth/twitter/callback', 'Auth\AuthController@handleProviderCallback');

Add the following fields to the fillable array in the User model to make this fields mass assignable.

Let’s Open up our AuthController.php file in Auth folder and add this:

    protected $redirectPath = '/home';
    /**
     * Redirect the user to the Twitter authentication page.
     *
     * @return Response
     */
    public function redirectToProvider()
    {
        return Socialite::driver('twitter')->redirect();
    }
    /**
     * Obtain the user information from Twitter.
     *
     * @return Response
     */
    public function handleProviderCallback()
    {
        try {
            $user = Socialite::driver('twitter')->user();
        } catch (Exception $e) {
            return redirect('auth/twitter');
        }
        $authUser = $this->findOrCreateUser($user);
        Auth::login($authUser, true);
        return redirect()->route('home');
    }
    /**
     * Return user if exists; create and return if doesn't
     *
     * @param $twitterUser
     * @return User
     */
    private function findOrCreateUser($twitterUser)
    {
        $authUser = User::where('twitter_id', $twitterUser->id)->first();
        if ($authUser){
            return $authUser;
        }
        return User::create([
            'name' => $twitterUser->name,
            'handle' => $twitterUser->nickname,
            'twitter_id' => $twitterUser->id,
            'avatar' => $twitterUser->avatar_original
        ]);
    }

protected $redirectPath = '/home';

/**

* Redirect the user to the Twitter authentication page.

* @return Response

public function redirectToProvider()

{

return Socialite::driver('twitter')->redirect();

}

/**

* Obtain the user information from Twitter.

* @return Response

public function handleProviderCallback()

{

try {

$user = Socialite::driver('twitter')->user();

} catch (Exception $e) {

return redirect('auth/twitter');

}

$authUser = $this->findOrCreateUser($user);

Auth::login($authUser, true);

return redirect()->route('home');

}

/**

* Return user if exists; create and return if doesn't

* @param $twitterUser

* @return User

private function findOrCreateUser($twitterUser)

{

$authUser = User::where('twitter_id', $twitterUser->id)->first();

if ($authUser){

return $authUser;

}

return User::create([

'name' => $twitterUser->name,

'handle' => $twitterUser->nickname,

'twitter_id' => $twitterUser->id,

'avatar' => $twitterUser->avatar_original

]);

}

Note: Add the Socialite and Auth class reference at the top of this file like so:

use Auth;
use Socialite;

1 2	use Auth; use Socialite;

First, it redirects to Twitter, grabs the relevant information and then looks up the user and authenticate as that user. If the user doesn’t exist, it creates the user and authenticate.

8. Database

We need to update our users migration so that it will allow us to store twitter-specific information. Since this is a new app, I could just modify the users migration, but if you have an existing app, you’ll need to make a new migration.

Twitter API doesn’t return emails. If you need to really get the email of a user, you need to add your app to the set of whitelisted apps. Follow this link for more information on that. So let’s get a unique value which is the handle of the person.

Now let’s get to work.

Head over to your welcome.php and edit it to have a login twitter button like so:

Don’t forget to link the file with bootstrap.

In your routes.php, add this:

Route::get('home', array('as' => 'home', 'uses' => function(){
  return view('home');
}));

Route::get('home', array('as' => 'home', 'uses' => function(){

return view('home');

}));

Create home.blade.php

Copy the contents of welcome.blade.php into it and just update the body content to have this:

Now, run your migrations lest we forget like so:

php artisan migrate

1	php artisan migrate

Are you ready to test your app?..after all the work!

Now, run php artisan serve and click on the Login with Twitter button on your homepage

Yaaay!!!..Now we are logged in from twitter..and we can access our data from Twitter.

You can check how to use Facebook authentication for Login in Laravel 5 here

You can decide to use the data for anything,…this tutorial aims to simply show you how to authenticate with twitter.

You can find the full source code of this tutorial here

Please, if you have any questions or observations, let me know in the comments section!

About the Author
Latest Posts

About PROSPER OTEMUYIWA

Food Ninja, Code Slinger, Technical Trainer, Accidental Writer, Open Source Advocate and Developer Evangelist.

How to build your own Youtube – Part 10 - August 1, 2016
How to build your own Youtube – Part 9 - July 25, 2016
How to build your own Youtube – Part 8 - July 23, 2016
How to build your own Youtube – Part 6 - July 6, 2016
Introducing Laravel Password v1.0 - July 3, 2016
How to build your own Youtube – Part 5 - June 28, 2016
How to build your own Youtube – Part 4 - June 23, 2016
How to build your own Youtube – Part 3 - June 15, 2016
How to build your own Youtube – Part 2 - June 8, 2016
How to build your own Youtube – Part 1 - June 1, 2016

http://uxweb.co Uziel Bueno

Great article!!!

How can we make a Laravel application test for this auth??
Prosper

For me, i’ll do a simple integration test like so:

Using a model factory like so:

$user = factory(User::class)->create();
$this->actingAs($user);
$this->visit(‘/auth/twitter’)

->see(‘You are logged In.’);

OR

$response = $this->call(‘GET’, ‘/auth/twitter’);

$this->assertEquals(302, $response->getStatusCode());

$this->assertTrue(str_contains($response->headers->__toString(), ‘twitter.com’));

This is very shallow, but you can pick up from here and test for anything you want in addition to this
Yuvraj shekhawat

working but after “Redirecting you back to the application. This may take a few moments.”

show

” Authorize onyxlogin to use your account? ”

sign in

i allready singed in but every time show this ” Authorize onyxlogin to use your account? ” page
- Prosper
  
  Is that message coming from twitter?
  - Yuvraj shekhawat
    
    yes @unicodeveloper:disqus
    - Yuvraj shekhawat
      
      yes prosper
      - Prosper
        
        You haven’t answered the question yet…Which of your twitter accounts is currently logged in on your browser ?
      - Yuvraj shekhawat
        
        Sir, your message will show me after long time thats why i reply you slow sorry for that ..
        And my twitter account is login which is using behind my code . i mean my app secret key and app id is already registered with this account
      - Prosper
        
        I know, but is it @onyxlogin that is currently logged in on twitter.com in your browser?
      - Yuvraj shekhawat
        
        no yuvraj339@gmail.com is my mail id and @onyxlogin is my twiter login api name
      - Prosper
        
        I want you to login with @onyxlogin on twitter.com in your browser. Then try your app again.
      - Yuvraj shekhawat
        
        https://uploads.disquscdn.com/images/8bf07bef97334176b37df02277ae2bb88010c05e33e2703159bd12aa02dcba31.png
      - Prosper
        
        After it shows “Authorize onyxlogin to use your account? ” and you click yes!. What happens?
      - Yuvraj shekhawat
        
        sorry i didn’t get you properly
      - Yuvraj shekhawat
        
        https://uploads.disquscdn.com/images/8bf07bef97334176b37df02277ae2bb88010c05e33e2703159bd12aa02dcba31.png
      - Yuvraj shekhawat
        
        sorry i didn’t get you properly
      - Yuvraj shekhawat
        
        my callback url is : http://103.253.145.137/login/twitterlogin
    - Prosper
      
      Which of your twitter accounts is currently logged in on your browser ?
Rolf

Great Tutorial, thanks!

In routes.php, add the routes to home inside a group with the web middleware, got an error in Laravel 5.2 without that.

And in the Users model, I’m using not integer but string for twitter_id. Newer twitter accounts are bigger than max-int so new users were all created with 2147483647 as twitter_id.
murali

Grate Article, Thanks

how to access the all twitter users, right my account is working perfect… if suppose another user will come in twitter login is creating duplicate entry problem.. please give me any idea to access the all users.
Iván Castellanos

Code is wrong because steps 3 and 4 are missing the backslash characters (“”) between namespaces, it should be LaravelSocialiteSocialiteServiceProvider::class and 'Socialite' => LaravelSocialiteFacadesSocialite::class,
- Prosper
  
  Yeah it was there, I changed some plugins and it reformatted it. I have fixed that now. Thanks for the heads up
DRP

actually its working
DRP

Do we have github? and how to merge 3 FB,Twitter, and Github…
Zigo Zigomario

I have some trouble….
In prod : All working but after callback :
1.

IlluminateAuth in authcpntroller is not find ( impossible, it’s trigged in Auth controller ) so, i refresh :

2. And i have :
Received
HTTP status code [401] with message “This feature is temporarily unavailable” when getting token credentials.

Some guide and doc dev speak about access_token / access_token_secret

BUt in your guide, we don’t manage them…

Do you see an solution ?
- Leul Dede Tafari
  
  +1
Zigo Zigomario

ok my bad :

use IlluminateSupportFacadesAuth;
is différent of
use IlluminateAuth
- Prosper
  
  Awesome
Ayy Lmao

Hello, I am new to Laravel. I have followed your instructions, but when I clicked on Log in with Twitter, I got this error.
Do you know how to fix it?

InvalidArgumentException in Server.php line 384:

Missing client credentials key [identifier] from options.
nidhi

I need a code to auth with google account
plz help me
nidhi

its urgent

Goodheads

Using Twitter Authentication For Login in Laravel 5

About PROSPER OTEMUYIWA

Using Facebook Authentication For Login in Laravel 5

PHP BOOTCAMP: Closures Demystified