Laravel - 구글 소셜 로그인(2)
저번 글에 이어서 구글 소셜 로그인입니다.
https://socialiteproviders.com/Google-Plus/#installation-basic-usage
Installation & Usage | Socialite Providers
1. Installation You'll need to install the provider(s) you wish to use via composer, for example: 2. Service Provider Remove Laravel\Socialite\SocialiteServiceProvider from your providers[] array in config\app.php if you have added it already. Add \Sociali
socialiteproviders.com
위 사이트를 참고하시면 됩니다.
먼저 터미널에
composer require socialiteproviders/google << 이것을 입력해 다운 받아줍니다.
다음으로 app/Providers/EventServiceProvider를 열어 아래 코드를 추가해줍니다.
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
모바일 또는 웹 앱에서 기본적인 profile 또는 email 범위로 Google 로그인을 사용하고 다음의 표준 버튼을 통합하세요. 다운로드 파일에 Sketch, SVG, EPS 파일이 포함되어 있으므로 '다음 계정으로 로그
developers.google.com
이곳에서 다운 받을 수 있습니다.
이미지 파일 경로는 public 폴더에 image 폴더를 만들어 넣어줬습니다.
그러면 이렇게 버튼이 생겼을겁니다.
다음 글에 이어서 작성하겠습니다.