Cocos Creator를 위한 SDK / 소셜 로그인

소셜 로그인

주의
SDK는 HTML5 빌드에서 소셜 네트워크를 통한 인증을 지원하지 않습니다.

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

사용자가 첫 로그인에 SNS 계정을 사용한다면, 새 계정이 자동으로 생성됩니다.

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

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

방법

저희가 제공하는 방법 안내서에서 고급 설정에 대해 자세히 알아보세요.

Android 기기에서 소셜 로그인 설정 방법

모바일 애플리케이션에서 애플리케이션 내부의 인증 양식을 실행하여 소셜 로그인을 실행할 수 있습니다. 이를 위해 Android용 고유 엑솔라 SDK를 Cocos Creator 프로젝트에 연결합니다. 이 라이브러리를 사용하여 맞춤화된 WebView에서 소셜 네트워크 인증 양식을 실행할 수 있으며, 로그인에 성공할 경우 사용자 토큰을 받을 수 있습니다. 이 경우 사용자는 모바일 애플리케이션을 떠나지 않아도 됩니다.

모바일 애플리케이션에서 소셜 네트워크를 통해 인증 추가하기:

  1. Android용 고유 엑솔라 SDK를 내 프로젝트에 연결합니다.
  2. 인증 및 인증 결과의 절차를 시작합니다:

    1. 애플리케이션에서 소셜 로그인 UI를 실행합니다(예를 들어, Sign in with Google로그인 페이지에 있는 버튼).
    2. 애플리케이션의 논리에 따라 기본 메서드 호출을 authSocial시행합니다. 이 메서드는 소셜 네트워크 이름을 매개 변수로 사용합니다.

소셜 로그인 시작 예시:

Copy
Full screen
Small screen
NativeUtil.authSocial(socialNetworkName);

    1. Cocos Creator 측에서 성공적인 인증 이벤트를 구독합니다. 이 이벤트는 인증 결과를 처리하는 고유 활동에 의해 장면 수준에서 생성됩니다. 인증에 성공하면 handleSuccessfulSocialAuth사용자의 토큰과 개체를 보유한 처리 메소드를 호출합니다. 이 개체는 추후 엑솔라 API로 작업할 때 사용될수 있습니다.

정기 결제 예제:

Copy
Full screen
Small screen
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
알림
고유 스크립트에서 Cocos Creator의 콜백 메서드는 게임 스레드에서 호출되어야 합니다.
    1. 필수 처리 메서드 호출과 함께 로그인 에러 및 로그인 취소 이벤트를 구독합니다.
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
숨기기

iOS 기기에서 소셜 로그인 설정 방법

모바일 애플리케이션에서 애플리케이션 내부의 인증 양식을 실행하여 소셜 로그인을 실행할 수 있습니다. 이를 위해 iOS용 고유 엑솔라 SDK를 Cocos Creator 프로젝트에 연결합니다. 이 라이브러리를 사용하여 Safari 탭 팝업 창에서 소셜 네트워크 인증 양식을 실행할 수 있으며, 로그인에 성공할 경우 사용자 토큰을 받을 수 있습니다. 이 경우 사용자는 모바일 애플리케이션을 떠나지 않아도 됩니다.

모바일 애플리케이션에서 소셜 네트워크를 통해 인증 추가하기:

  1. IOS용 고유 엑솔라 SDK를 내 프로젝트에 연결합니다.
  2. 인증 및 인증 결과의 절차를 시작합니다:

    1. 애플리케이션에서 소셜 로그인 UI를 실행합니다(예를 들어, Sign in with Apple로그인 페이지에 있는 버튼).
    2. 애플리케이션의 논리에 따라 기본 메서드 호출을authSocial 시행합니다. 이 메서드는 소셜 네트워크 이름을 매개 변수로 사용합니다.

소셜 로그인 시작 예시:

Copy
Full screen
Small screen
NativeUtil.authSocial(socialNetworkName);

    1. Cocos Creator 측에서 성공적인 인증 이벤트를 구독합니다. 이 이벤트는 인증 결과를 처리하는 TypeScript 코드의 스니펫에 의해 장면 수준에서 생성됩니다. 인증에 성공하면 handleSuccessfulSocialAuth사용자의 토큰과 개체를 보유한 처리 메서드를 호출합니다. 이 개체는 추후엑솔라 API로 작업할 때 사용될 수 있습니다.

정기 결제 예제:

Copy
Full screen
Small screen
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
알림
고유 스크립트에서 Cocos Creator의 콜백 메서드는 게임 스레드에서 호출되어야 합니다.
    1. 필수 처리 메서드 호출과 함께 로그인 에러 및 로그인 취소 이벤트를 구독합니다.
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
숨기기
마지막 업데이트: 2024년 1월 22일

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

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