Cocos Creator를 위한 SDK / 엑솔라 로그인 위젯

엑솔라 로그인 위젯

엑솔라 로그인 위젯을 사용하면 사용자 인증을 위해 제작된 인터페이스를 프로젝트에 통합하고 코드 및 UI 개발 비용을 절감할 수 있습니다.

제한 사항:

  • 위젯은 모바일 플랫폼용 빌드에서만 지원됩니다.
  • 위젯은 다음 사용자 인증 메소드만 지원합니다.
    • 사용자 이름/이메일 및 암호를 통한 클래식 로그인
    • 일회성 코드 또는 SMS 또는 이메일을 통해 전송된 링크를 통한 암호 없는 로그인
    • 소셜 네트워크를 통한 웹 기반 인증

위젯을 사용하여 인증에 성공한 후 사용자를 애플리케이션으로 리디렉션하도록 설정하는 방법:

  1. 관리자 페이지에서 프로젝트를 엽니다.
  2. 사이드 메뉴에서 로그인을 클릭합니다.
  3. 로그인 프로젝트를 선택한 후 구성을 클릭합니다.
  4. 콜백 URL 섹션을 선택합니다.
  5. 콜백 URL 필드에서 OAuth 2.0 클라이언트 구성할 때 지정한 경로와 동일한 사용자 리디렉션 경로를 지정합니다.
  6. 변경 사항 저장을 클릭합니다.

위젯을 사용하여 모바일 애플리케이션에서 인증을 추가하는 방법:

  1. Android 또는 iOS용 기본 엑솔라 SDK를 프로젝트에 연결합니다.
  2. 인증 및 결과 처리를 시작합니다.

    1. 애플리케이션에서 사용자 인증을 위한 UI를 구현합니다(예: 로그인 버튼).
    2. 애플리케이션의 로직에 따라 authWithXsollaWidget 기본 메소드 호출을 구현합니다.

위젯을 사용하는 인증 시작의 예시:

Copy
Full screen
Small screen
NativeUtil.authWithXsollaWidget();
    1. Cocos Creator 측에서 인증 성공 이벤트를 정기 결제합니다. 이 이벤트는 인증 결과를 처리하는 기본 작업에 의해 장면 수준에서 생성됩니다. 인증에 성공하면 사용자 토큰이 있는 개체를 가져오는 처리 메소드를 호출합니다. 이 개체는 엑솔라 API로 작업을 계속할 때 사용할 수 있습니다.
알림
고유 스크립트에서 Cocos Creator의 콜백 메서드는 게임 스레드에서 호출되어야 합니다.

    1. 처리 메소드 호출과 함께 인증 오류 및 인증 취소 이벤트를 구독합니다.

정기 결제 예제:

Copy
Full screen
Small screen
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_SUCCESS, this.handleSuccessfulXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_ERROR, this.handleErrorXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_CANCELED, this.handleCancelXsollaWidgetAuth, this );

엑솔라는 표준 위젯 템플릿을 제공합니다. 위젯의 외관과 콘텐츠는 프로젝트에서 선택한 로그인 메소드관리자 페이지의 위젯 맞춤 설정에 따라 결정됩니다.

주의
위젯 맞춤 설정은 엑솔라 제품 라이선스 계약에 서명한 이후에만 사용할 수 있습니다. 계약에 서명하려면, 관리자 페이지에서 계약 및 세금 > 계약 섹션으로 이동합니다.
클래식 로그인 위젯의 표준 보기:

여러 로그인 메소드용 데모 프로젝트 위젯:

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

답하기 원하지 않습니다

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

유용한 링크

마지막 업데이트: 2024년 1월 22일

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

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