게임 런처에서 외부 브라우저를 여는 방법
작동 방식
WebView 애플리케이션을 사용하면 게임 런처 내에서 결제 UI를 열 수 있지만, 저장된 암호에 액세스하거나 여러 탭을 열 수 없는 등의 제한이 있습니다. 즉, 사용자는 3D Secure 또는 PayPal 인증과 같이 새 브라우저 탭으로 리디렉션되는 추가 사용자 확인이 필요한 결제 방식을 사용하여 구매할 수 없습니다.
이 제약을 우회하려면 사용자가 기본 브라우저로 설정한 외부 브라우저의 새 탭(이후 외부 브라우저)에서 결제 UI를 열도록 구성하여 사용자가 구매를 하고 결제 방식을 저장한 후 게임으로 돌아갈 수 있도록 할 수 있습니다.
구매하기
사용자 절차
- 사용자가 구매를 위해 WebView 애플리케이션을 열고 구매를 클릭합니다.
- WebView 애플리케이션에서 결제 UI가 열리고 사용자가 결제 방식을 선택합니다.
- 사용자는 구매를 위해 외부 브라우저의 새 탭으로 자동으로 리디렉션됩니다.
WebView 애플리케이션은 외부 브라우저의 열린 탭에 완료해야 할 단계에 대한 설명을 표시합니다.
- 사용자가 데이터를 입력하고 외부 브라우저 탭에서 구매를 확인합니다. 구매가 성공하면 구매 성공에 대한 알림이 표시됩니다.
- 구매 성공에 대한 알림과 게임으로 돌아갈 수 있는 버튼이 있는 WebView 애플리케이션으로 사용자가 돌아갑니다.
- 사용자가 런처에서 WebView 애플리케이션을 닫고 게임으로 돌아갑니다.
알림
게임으로 돌아가기 위한 버튼은 런처의 WebView 애플리케이션에만 표시됩니다. 외부 브라우저에는 구매 성공 알림만 표시됩니다. 리디렉션 설정을 구성하려면 지침을 참조하세요.
설정
런처에서 기본 브라우저로 리디렉션하여 구매하도록 설정하려면, 토큰에settings.ui.is_independent_windows: true 매개변수를 전달하세요.토큰 획득 요청 예시Copy
{
"user": {
"id": {
"value": "158804750"
},
"email": {
"value": "email@example.com"
},
"country": {
"value": "US"
}
},
"settings": {
"mode": "sandbox",
"project_id": 53737,
"language": "en",
"currency": "USD",
"ui": {
"is_independent_windows": true,
"user_account": {
"payment_accounts": {
"order": 1,
"enable": false
},
"history": {
"order": 2,
"enable": true
}
}
}
},
"purchase": {
"description": {
"value": "Test purchase",
"items": [
{
"name": "Test purchase",
"quantity": 1,
"price": {
"amount": "19.99"
},
"image_url": "\/\/images.ctfassets.net\/wn7ipiv9ue5v\/2E36gdKHDOIRmxX6H1y2h2\/6941cea2e876c0466e79a16eccab0351\/greatWhiteCard.jpg"
}
]
},
"checkout": {
"currency": "USD",
"amount": 19.99
}
}
}
결제 계정 저장
사용자 절차
- 애플리케이션 측에서는 사용자가 저장된 결제 계정을 관리할 수 있는 페이지로 이동합니다.
- 사용자가 새 방식 추가를 클릭합니다.
- 열리는 창에서 사용자가 결제 계정을 선택합니다.
- 사용자가 계정 인증을 위해 외부 브라우저의 새 탭으로 자동 리디렉션됩니다.
애플리케이션이 외부 브라우저의 열린 탭에 완료해야 할 단계에 대한 설명을 표시합니다.
- 사용자가 외부 브라우저 탭에서 데이터를 입력하고 확인합니다. 성공하면 사용자가 애플리케이션으로 돌아갈 수 있다는 알림이 표시됩니다.
이 방식은 애플리케이션에 저장된 사용자의 결제 계정 목록에 자동으로 추가됩니다.
설정
결제 계정을 저장하기 위해 외부 브라우저로 리디렉션을 설정하려면 토큰에settings.ui.mode: user 및 settings.ui.is_independent_windows: true 매개변수를 전달하세요.알림
저장된 결제 방식을 처리하고 청구를 시작하려면 토큰화를 사용하세요.
Copy
{
"user": {
"id": {
"value": "test",
"hidden": true
},
"email": {
"value": "email@example.com"
},
"country": {
"value": "US",
"allow_modify": true
}
},
"settings": {
"project_id": 136187,
"language": "en",
"currency": "USD",
"ui": {
"mode": "user_account",
"is_independent_windows": true
}
}
}
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.
