사용자 계정

작동 방식

본인 계정을 통해 여러분 고객은 다음 데이터를 관리할 수 있습니다:

  • 프로필 사진
  • 전화
  • 이메일
  • 별명
  • 성과 이름
  • 출생일
  • 성별
  • 친구 목록 (다음 API를 통해서만 가능).

사용자 계정은 다음과 같은 방법으로 통합할 수 있습니다:

  • URL을 통한 인터페이스. 사용자 계정 인터페이스는 20개 언어가 적용되어 있으며 화면 해상도에 따라 조정합니다.
  • API없이 인터페이스. 이 방식으로 여러분만의 사용자 데이터 관리 인터페이스를 구현할 수 있습니다.

사용자

로그인을 이미 통합한 파트너.

획득 방법

사용자 계정 통합 방법을 선택하고 아래 지침을 따르십시오.

URL을 통한 통합

  1. 사용자 계정을 열기 위한 URL을 생성합니다.
  2. 생성된 URL에서 사용자 계정 열기를 설정합니다.
  3. 이벤트 처리를 설정합니다(선택 사항).

URL 생성

사용자 계정을 본 테이블에 기술된 매개 변수로 https://useraccount.xsolla.com/profile에서 열기.

매개변수유형설명
localestring쿼리 매개 변수. 사용자 계정 인터페이스 언어. ISO 639-1 표준에 따른 값 수락.
tokenstring해쉬 매개 변수. 사용자 JWT. 성공적인 인증 후 URL에 전달됨. 필수.

URL 에제:

https://useraccount.xsolla.com/profile?locale=de#token=XXXX

URL에서 사용자 계정 열기 설정

다음처럼 특정 URL에서의 사용자 계정 열기를 설정할 수 있습니다:

  • 여러분 웹사이트의 iframe에서
  • 새 텝에서

IFRAME

사용자 계정을 열려는 웹 페이지에 다음 스크립트 추가: <iframe src="https://useraccount.xsolla.com/profile?locale=ru#token=XXXX">, 여기서 src생성된 URL 입니다.

새 탭

사용자 계정으로 연동되는 UI 오브젝트에 URL 추가.

다음 스크립트를 사용할 수 있습니다: <a href="https://useraccount.xsolla.com/profile?locale=ru#token=XXXX">Your account</a>, 여기서 src생성된 URL입니다.

이벤트 처리 설정 (선택 사항)

사용자 계정을 iframe에서 여는 경우, 부모 윈도우는 계정의 사용자 액션에 따라 postMessage 이벤트를 받게 됩니다.

이벤트 이름설명
user-account-close사용자가 나가기 버튼을 누르고 사용자 계정을 닫습니다.
user-account-loaded사용자 계정을 로드했지만 사용자 데이터를 얻을 수 없습니다.
user-account-page-fetched사용자 계정 및 사용자 데이터가 성공적으로 로드되었습니다.

이러한 이벤트를 처리하려면, addEventListener 메소드 및 스크립트를 웹사이트에 추가합니다.

이벤트 처리 예제:

window.addEventListener('message', (event) => {
  if (event.data.command === 'user-account-loaded') {
    // your script
  }
})

API를 통한 통합

API를 통해 사용자 데이터를 관리하려면 여러분 고유의 인터페이스를 구현하고 API 메소드 호출을 허용하세요. 사용 가능한 API 메소드 및 코드 예제에 대한 자세한 설명은 설명서에서 찾을 수 있습니다.