소셜 로그인

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

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

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

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

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

소셜 네트워크 계정 연결을 수동으로 구현할 수도 있습니다.

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. 탐색 페이지에서 인증 블록으로 이동한 후 소셜 로그인 섹션을 선택합니다.

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

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

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

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

알림
엑솔라의 애플리케이션 ID와 비밀 키를 인증에 기본으로 사용합니다. 소셜 서비스 제공업체의 개발자 계정을 사용하여 애플리케이션을 설정한 경우 고유한 애플리케이션 ID와 비밀 키를 지정할 수 있습니다. 애플리케이션 ID와 비밀 키 위치 지정에 대한 자세한 지침은 게시자 계정의 소셜 네트워크 카드 설정에서 확인할 수 있습니다.

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

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

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

이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
이 페이지 평가
이 페이지 평가
개선해야 할 점이 있을까요?

답하기 원하지 않습니다

의견을 보내 주셔서 감사드립니다!

유용한 링크

마지막 업데이트: 2022년 11월 14일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!