Dropal의 Auth0 모듈을 사용하여 소셜 로그인 활성화

Dropal 앱을 통해 소셜 로그인을 효과적으로 하는 방법.

설정 방법

Dropal 어플리케이션 시작

Composter를 통해 Dropal을 설치합니다.

$ composer create-project drupal/recommended-project drupal-and-auth0

Composier를 통해 추가Auth0 모듈.

$ cd drupal-and-auth0
$ composer require drupal/auth0

Dropal 응용 프로그램을 시작합니다.

$ cd web
$ php -S localhost:5656

PHP 7.1.23 Development Server started at Thu Feb 13 02:25:02 2020
Listening on http://localhost:5656
Document root is /Users/hikaru.maruyama/src/github.com/hmaruyama/drupal-and-auth0/web
Press Ctrl-C to quit.

액세스http://localhost:5656로 Dropal의 초기 설정을 수행합니다.

Choose language: 일본어

소개 선택: 표준

필수 조건의 검증: 먼저 전진

데이터베이스 설정: 데이터베이스 유형 선택

사이트 환경 설정: 필수 항목 입력

Auth0 모듈의 유효성

메뉴에서 확장을 클릭합니다.
모듈 목록에서 Auth0을 찾아 옆에 있는 콤보 상자에서 선택하고 설치를 누르면 유효합니다.

Auth0 관리 화면에서의 설정

Auth0의 계정을 가져오고 방문하십시오 https://manage.auth0.com.
왼쪽 메뉴의 Applications 를 클릭하고 + CREATE APPLICATION 을 클릭합니다.
Reglar Web Application을 선택하여 응용 프로그램을 만듭니다.
Settings 옵션을 클릭하여 다음 항목을 설정합니다.

Allowed Callback URLs : http://localhost:5656/auth0/callback

Allowed Web Origins : http://localhost:5656

Allowed Logout URLs : http://localhost:5656

Allowed Origins (CORS) : http://localhost:5656

마지막으로 SAVECHANGES를 클릭하여 저장합니다.

Dropal 측의 Auth0 설정

Drumal 프로그램http://localhost:5656으로 돌아가 메뉴에서 환경 설정을 클릭하세요.
시스템 항목에서 Auth0 을 클릭하여 다음 항목을 설정합니다.

역:Auth0의 응용된Settings내Domain의 값

Center ID: Auth0의 응용 프로그램인 Settings 내Client ID의 값

CentSecret:Auth0의 응용 프로그램의Settings내Client Secret의 값

마지막으로 저장을 클릭합니다.

로그아웃 후 리디렉션 설정

방문https://manage.auth0.com/#/tenant/advanced, 아래 항목을 설정합니다.

Allowed Logout URLs : http://localhost:5656

마지막으로 SAVE를 클릭하십시오.이 모든 설정이 완료되었습니다.

그중의 한 글자를 써보도록 하겠습니다.

비밀 창 등을 통해 방문http://localhost:5656/user.

Sign Up을 클릭하여 Dropal의 초기 사용자가 설정하지 않은 메일 주소를 사용하여 새 계정을 만듭니다.

만약 아래의 검증 메일이 등록된 메일 주소에 도착했다면

VELIFY YOUR ACCOUNT 클릭

다시 방문http://localhost:5656/user하여 메일 주소, 비밀번호로 로그인합니다.

드롭 앱에 무사히 접속했다.
사용자 정보는 Auth0의 관리 화면을 통해 확인할 수 있습니다.

### 2 로그아웃 시도
Dropal 응용 프로그램에서 로그인한 상태에서 액세스 로그아웃http://localhost:5656/user/logout합니다.
첫 페이지로 마이그레이션이 성공하면

3Dropal이 등록된 응용 프로그램 계정으로 로그인되었는지 확인합니다.

Dropal 앱의 초기 설정 시 등록된 계정으로 로그인한 경우 Auth0 측에서도 계정을 추가해야 한다.
Auth0 화면 관리 메뉴의 Users & Roles의 Users를 클릭하십시오.
CREATE USER를 클릭합니다.
Drumal 응용 프로그램에 등록된 계정과 관련된 메일 주소를 입력하고 비밀번호를 재설정하여 저장합니다.

http://localhost:5656/user에서 방금 설정한 메일 주소와 비밀번호로 로그인합니다.

기존 드롭 계정과 연결되면 성공입니다.