Laravel development: How to implement third-party login using Laravel Socialite and Google?

Laravel Development: How to use Laravel Socialite and Google to implement third-party login?

In modern web applications, user login and authentication are essential. The traditional authentication method based on username and password can no longer meet its security and convenience requirements. Third-party login solves this problem by allowing users to log into your application using accounts they have already created on other platforms.

In this article, we will introduce how to implement third-party login using Laravel Socialite and Google.

What is Laravel Socialite?

Laravel Socialite is a packaging library for the OAuth authentication process that is widely used in the Laravel community. It allows us to easily connect with multiple third-party services such as Facebook, Twitter, Google, etc.

Google Development Platform Settings

First, we need to create an OAuth client ID in the Google Development Platform. Open https://console.developers.google.com/ and create a new project. In the "Select a Project" drop-down menu in the upper left corner, click "New Project."

Fill in the project name and other project setting information. After creating a project, you will be redirected to the project's overview page. From the top menu, select APIs & Services > Credentials.

Click the "Create Credentials" button and select "OAuth Client ID".

In the "Application Type" drop-down menu, select "Web Application". In order to integrate Laravel Socialite with Google, we need to fill in the "Authorized JavaScript Source" and "Redirect URI" fields.

In the "Authorized JavaScript Sources" field, enter the hostname of your application, we can use the URL of "http://localhost" locally. In the "Redirect URI" field, enter a callback URL to redirect back to your application after logging in from Google. In this example, we will use the URL "http://localhost:8000/auth/google/callback".

After creation, you will be given a client ID and a client secret. Save these credentials, we will use them later in Laravel.

Laravel Socialite installation and configuration

Laravel Socialite is a Composer package that can be used through the command line installation. We use the following command to install it:

composer require laravel/socialite

After the installation is complete, add the Socialite service provider in the Laravel configuration file:

'providers' => [
    // ...
    LaravelSocialiteSocialiteServiceProvider::class,
],

You also need to add the following configuration information to the Laravel configuration file:

'client_id' => env('GOOGLE_CLIENT_ID'),
'client_secret' => env('GOOGLE_CLIENT_SECRET'),
'redirect' => env('GOOGLE_REDIRECT'),

Here we use the .env file to save the required configuration information:

GOOGLE_CLIENT_ID=your-client-id
GOOGLE_CLIENT_SECRET=your-client-secret
GOOGLE_REDIRECT=http://localhost:8000/auth/google/callback

Laravel Socialite integration

Here, we need to create a routing process program, which will handle the OAuth flow with Google.

Route::get('/auth/google', function () {
    return Socialite::driver('google')->redirect();
});

Route::get('/auth/google/callback', function () {
    $user = Socialite::driver('google')->user();
    dd($user);
});

The first route handler will redirect the user to the Google login flow.

On success, the user will be redirected to the second route handler. At this time, we can use the user() method to obtain the information of the logged in user. Fill in the returned user code and print the user information you obtained:

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

You will see other data about the user, such as username, email address, avatar, token, etc. Based on this information, we can implement third-party login.

Here we will use the user information obtained above to create and authenticate the application user.

Route::get('/auth/google/callback', function () {
    $user = Socialite::driver('google')->user();
    // save application user
    $authUser = User::where('email', $user->email)->first();
    if ($authUser) {
        Auth::login($authUser, true);
        return redirect('/home');
    }
    // create application user
    $newUser = new User;
    $newUser->name = $user->name;
    $newUser->email = $user->email;
    $newUser->password = bcrypt(str_random(16));
    $newUser->save();
    Auth::login($newUser, true);
    return redirect('/home');
});

Here we start by finding existing app users using the email addresses returned by Google. If found, then log in using Laravel's authentication API. If not found, then create a new user and log in using Laravel's authentication API.

Conclusion

This article introduces how to use Laravel Socialite and Google to implement third-party login.

Through the Google Development Platform settings, we generated the necessary OAuth credentials. Then, we used Laravel Socialite to eliminate the tedious steps and code in the OAuth process. Finally, we authenticate and create the new user using the user's existing email address.

We hope this article provides guidance on how to implement third-party login using Laravel Socialite and Google, as well as covering an overview of the OAuth process.

The above is the detailed content of Laravel development: How to implement third-party login using Laravel Socialite and Google?. For more information, please follow other related articles on the PHP Chinese website!