Laravel - 구글 소셜 로그인(2)

저번 글에 이어서 구글 소셜 로그인입니다.

 

https://socialiteproviders.com/Google-Plus/#installation-basic-usage

Installation & Usage | Socialite Providers

위 사이트를 참고하시면 됩니다.

 

먼저 터미널에

composer require socialiteproviders/google << 이것을 입력해 다운 받아줍니다.

 

 

다음으로 app/Providers/EventServiceProvider를 열어 아래 코드를 추가해줍니다.

 

providers

 

config/services.php에 들어가 아래 처럼 코드를 추가해줍니다.

 

 

그 다음으로 터미널에 

php artisan make:controller LoginController << 이것을 입력해 컨트롤러를 만들어줍니다.

 

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use Laravel\Socialite\Facades\Socialite;

class LoginController extends Controller
{
    public function redirectToProvider(){
        return Socialite::driver('google') -> redirect();
    }

    public function handleProviderCallback(){
        $user = Socialite::driver('google') -> user();
    }
}

 

그리고 LoginController에 위와 같이 입력해줍니다.

 

그리고 resources >> views 파일로가 auth 폴더를 만들고 login.blade.php를 만들어줍니다.

 

<div class="w-1/3 mx-auto mt-32 border">
        <a href="http://127.0.0.1:8000/auth/login/google"><img src="{{URL::asset('/image/googlebtn.png')}}" alt=""></a>
</div>

 

저기서 사용한 이미지 파일은

https://developers.google.com/identity/branding-guidelines?hl=ko

로그인 브랜드 가이드라인  |  Google ID 플랫폼  |  Google Developers

이곳에서 다운 받을 수 있습니다.

이미지 파일 경로는 public 폴더에 image 폴더를 만들어 넣어줬습니다.

 

구글 로그인

그러면 이렇게 버튼이 생겼을겁니다.

 

 

다음 글에 이어서 작성하겠습니다.