소셜 로그인

애플리케이션에서 소셜 네트워크의 계정을 사용하여 사용자 인증을 구현할 수 있습니다. 사용자가 첫 번째 로그인을 소셜 네트워크를 통해 진행한 경우 새 계정이 자동으로 생성됩니다. 사용자는 사용자 이름, 이메일 주소 또는 기타 데이터를 입력할 필요가 없습니다.

소셜 로그인은 웹 서비스를 사용합니다. 애플리케이션이 브라우저에서 양식을 열고 선택한 소셜 네트워크를 통해 인증을 완료합니다.

애플리케이션의 기본 또는 대체 인증 방식으로 소셜 로그인을 사용할 수 있습니다.

소셜 로그인을 대체 인증 방식으로 사용하는 경우, 다음 조건을 만족할 시 해당 소셜 네트워크 계정이 기존 사용자 계정에 자동으로 연결됩니다:

• 사용자 이름/이메일 주소 및 암호로 가입한 사용자가 소셜 네트워크 계정을 통해 애플리케이션에 로그인했습니다.
• 소셜 네트워크는 이메일 주소를 반환합니다.
• 애플리케이션에 가입할 때 사용한 이메일 주소와 소셜 네트워크의 사용자 이메일 주소는 일치합니다.

SDK는 소셜 로그인에 다음 공급 업체를 지원합니다:

• Amazon
• Apple
• Baidu
• Battle.net
• Discord
• Facebook
• GitHub
• Google
• Kakao
• LinkedIn
• MSN
• Mail.ru
• Microsoft
• Naver
• Odnoklassniki
• PayPal
• QQ
• Reddit
• Steam
• Twitch.tv
• Twitter
• VK
• Vimeo
• WeChat
• Weibo
• Xbox Live
• Yahoo
• Yandex
• YouTube

웹 서비스를 통한 인증 설정 방법:

1. 애플리케이션 인터페이스에서 소셜 네트워크를 통한 인증에 사용할 버튼을 추가합니다.
2. 관리자 페이지에서 로그인 프로젝트에서 사용할 소셜 연결을 설정합니다.
3. 애플리케이션 측에서 인증 로직을 구현합니다.

엑솔라 관리자 페이지에서 로그인 프로젝트용 SNS 설정

1. 관리자 페이지에서 프로젝트를 엽니다.
2. 사이드 메뉴에서 로그인을 클릭합니다.
3. 로그인 프로젝트의 패널에서 구성을 클릭합니다.
4. 인증 블록으로 이동한 후 소셜 로그인 섹션을 선택합니다.

5. 사용자가 애플리케이션에 등록하고 로그인할 때 사용할 수 있는 소셜 네트워크를 연결합니다.

1. • SNS를 연결하려면, 패널에 있는 ⚙을 클릭하고 연결을 선택합니다.

1. • 여러 개의 소셜 네트워크를 동시에 연결하려면, 필요한 패널을 선택합니다(테두리가 녹색으로 변합니다). 그런 다음, 관리 드롭다운 메뉴에서 연결을 선택합니다.

1. • 사용 가능한 소셜 네트워크를 모두 연결하려면 모두 선택을 클릭합니다. 그런 다음, 관리 드롭 다운 메뉴에서, 연결을 선택합니다.

애플리케이션 측에서 통합하기

소셜 로그인 버튼을 클릭할 때 구현하는 로직:

1. Login 라이브러리에서 getLinkForSocialAuth 메소드를 사용하여 등록/로그인 페이지 URL을 가져오는 로직.
2. 브라우저에서 등록/로그인 페이지를 여는 로직.
3. 사용자 인증에 성공한 후 페이지 URL 변경 사항을 추적하는 로직.
4. 활성 페이지의 URL에서 인증 코드를 가져오는 로직.
5. Login 라이브러리에서 generateJWT 메소드를 사용하여 토큰에 대해 인증 코드를 교환하는 로직.

유용한 링크