Laravel 개발: Laravel Socialite를 사용하여 Github 로그인을 구현하는 방법은 무엇입니까?

PHPz
풀어 주다: 2023-06-13 14:46:48
원래의
946명이 탐색했습니다.

오늘날 인터넷 시대에 사용자 로그인은 대부분의 웹 애플리케이션에서 고려해야 할 사항이 되었습니다. 이는 또한 웹 애플리케이션이 사용자 로그인 어려움을 줄이고 사용자 경험을 최적화하기 위해 선택적인 다중 로그인 방법을 사용자에게 제공해야 함을 의미합니다.

현재 가장 인기 있는 PHP 프레임워크 중 하나인 Laravel은 사용자 인증을 구현하는 몇 가지 매우 편리한 방법을 제공합니다. Laravel Socialite는 애플리케이션이 타사 플랫폼을 인증 공급자로 사용할 수 있도록 하는 매우 강력한 사용자 인증 솔루션입니다.

이 글에서는 Laravel Socialite를 사용하여 Github 로그인 기능을 구현하는 방법을 소개하겠습니다. 이 목표를 달성하기 위해 단계별 접근 방식을 취하겠습니다.

1단계: Github 애플리케이션 생성

이 기사를 시작하기 전에 먼저 Github 계정을 등록 및 생성하고 Github에서 OAuth 애플리케이션을 생성해야 합니다. 애플리케이션을 만드는 과정은 비교적 간단합니다. 다음 단계를 따르세요.

  1. Github 계정에 로그인하고 Github 설정 -> 개발자 설정 -> OAuth 앱 페이지
  2. Fill에서 새 OAuth 앱을 만듭니다. 앱의 첫 번째 부분에 있는 이름, 홈페이지 URL 및 콜백 URL

    콜백 URL은 로그인 성공 후 반환되는 웹사이트 주소입니다. Laravel 웹사이트 배경에서 정의해야 합니다.

  3. Github 애플리케이션의 client_id 및 client_secret는 다음과 같습니다. 양식을 제출한 후 반환된 페이지에 표시됩니다. client_id는 Laravel Socialite의 Github 드라이버를 구성하는 데 사용됩니다.

2단계: Laravel Socialite 설치

Laravel Socialite 설치는 Composer를 통해 쉽게 수행할 수 있습니다. 프로젝트 디렉터리의 명령줄에 다음 지침을 입력하세요.

composer require laravel/socialite
로그인 후 복사

3단계: 서비스 공급자 및 Facade 참조 구성

config/app.php 구성 파일을 열고 공급자 배열과 별칭 배열을 찾은 다음 Socialite를 추가하세요. 서비스 제공자 및 Facade 참조가 해당 어레이에 추가됩니다.

'providers' => [
    // Other service providers...

    LaravelSocialiteSocialiteServiceProvider::class,
],

'aliases' => [
    // Other aliases...

    'Socialite' => LaravelSocialiteFacadesSocialite::class,
],
로그인 후 복사

4단계: Github 드라이버 구성 정의

config/services.php 구성 파일에 다음 구성을 추가합니다.

'github' => [
    'client_id' => env('GITHUB_CLIENT_ID'),
    'client_secret' => env('GITHUB_CLIENT_SECRET'),
    'redirect' => env('GITHUB_REDIRECT'),
],
로그인 후 복사

5단계: Github 로그인 링크 정의

로그인 페이지의 블레이드 템플릿 파일을 열고 다음 코드:

<a href="{{ url('auth/github') }}" class="btn btn-github"><i class="fa fa-github"></i> Github 登录</a>
로그인 후 복사

이렇게 하면 /auth/github에 액세스하여 Github 로그인 페이지로 이동하는 링크가 생성됩니다.

6단계: Github 콜백 함수 정의

Github에 등록할 때 콜백 URL 페이지를 열고 링크에서 코드 매개변수를 가져온 후 Laravel 경로에 다음 코드를 추가하세요.

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

    // 如果在本地没有找到该用户,则创建新用户
    $existingUser = User::where('email', $user->getEmail())->first();
    if ($existingUser) {
        auth()->login($existingUser, true);
    } else {
        $newUser                  = new User;
        $newUser->name            = $user->getNickname();
        $newUser->email           = $user->getEmail();
        $newUser->github_id       = $user->getId();
        $newUser->avatar          = $user->getAvatar();
        $newUser->provider        = 'github';
        $newUser->save();
        auth()->login($newUser, true);
    }

    return redirect()->to('/home');
});
로그인 후 복사

여기서 주의해야 할 점은 필요할 때 로그인 확인을 위해 데이터베이스에 github_id를 저장하고, 쉽게 표시할 수 있도록 사용자의 닉네임과 아바타도 저장해야 합니다.

7단계: .env 파일 생성

프로젝트 루트 디렉터리에서 .env 파일을 열고 다음 Github 관련 구성을 추가합니다.

GITHUB_CLIENT_ID=your-github-client-id-here
GITHUB_CLIENT_SECRET=your-github-client-secret-here
GITHUB_REDIRECT=http://localhost:8000/auth/github/callback
로그인 후 복사

위 구성에서 your-github-client-id-hereyour-github-client-secret-here를 얻은 client_id 및 client_secret으로 바꿔야 합니다. Github에서. Github에 애플리케이션을 등록할 때 GITHUB_REDIRECT 값은 리디렉션 URI 매개변수여야 합니다.

좋아, 이제 Github에 로그인하여 애플리케이션을 테스트할 수 있습니다. /auth/github에 접속하면 Github의 로그인 페이지로 리디렉션됩니다. Github 계정을 입력한 후 콜백 URI를 통해 지정한 주소로 다시 리디렉션되어야 합니다.

Laravel Socialite를 사용하는 것은 실제로 빠르고 쉬운 인증 방법이며, Facebook, Twitter, Google 등과 같은 다른 많은 계정 인증 서비스 제공업체도 지원합니다. 편안하고 효율적인 제3자 로그인 방법은 사용자 경험을 크게 향상시킬 수 있으며, 웹 애플리케이션에 여러 로그인 방법을 추가하는 것이 점차 필수가 되었습니다. 인증 시스템을 독립적으로 구현하는 것에 비해 Laravel Socialite를 사용하면 기존의 우수한 인증 서비스 제공자를 활용하여 신원 인증 솔루션 구현을 단순화할 수 있습니다.

위 내용은 Laravel 개발: Laravel Socialite를 사용하여 Github 로그인을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿