Cómo abrir un navegador externo desde un lanzador de juegos

Cómo funciona

La aplicación WebView permite abrir la interfaz de pago dentro de un lanzador de juegos, pero tiene limitaciones. Por ejemplo, no puede acceder a contraseñas guardadas ni abrir varias pestañas. Esto significa que los usuarios no pueden realizar una compra usando métodos de pago que requieren una verificación adicional del usuario con redireccionamiento a una nueva pestaña del navegador; p. ej., autenticación 3-D Secure o de PayPal.

Para eludir esta limitación, puede configurar la apertura de la interfaz de pago en una nueva pestaña de un navegador externo que el usuario establezca como navegador predeterminado (en adelante, el navegador externo) para permitir que los usuarios realicen una compra, guarden los métodos de pago y vuelvan a un juego.

Realizar una compra

Flujo del usuario

1. Un usuario abre una aplicación WebView para realizar una compra y pulsa en Cómpralo.
2. La interfaz de pago se abre en una aplicación WebView y el usuario elige un método de pago.

3. Un usuario es redirigido automáticamente a una nueva pestaña de un navegador externo para realizar una compra.

La aplicación WebView muestra la descripción de los pasos que deben realizarse en una pestaña abierta del navegador externo.

4. Un usuario introduce sus datos y confirma la compra en una pestaña del navegador externo. Si la compra se realiza correctamente, aparece una notificación sobre la compra realizada.
5. Un usuario vuelve a la aplicación WebView, donde también aparece una notificación sobre la compra realizada correctamente y un botón para volver al juego.
6. Un usuario cierra una aplicación WebView en el lanzador y vuelve al juego.

Configuración

{
    "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
        }
    }
}

Guardar cuenta de pago

Flujo del usuario

1. En el lado de su aplicación, un usuario accede a una página para gestionar sus cuentas de pago guardadas.

2. El usuario hace clic en Añadir nuevo método.
3. En la ventana que se abre, el usuario elige una cuenta de pago.

4. Un usuario es redirigido automáticamente a una nueva pestaña de un navegador externo para verificar una cuenta.

Su aplicación muestra la descripción de los pasos que deben realizarse en una pestaña abierta del navegador externo.

5. El usuario introduce y confirma sus datos en una pestaña del navegador externo. En caso afirmativo, se notifica al usuario que puede volver a la aplicación.

El método se agregará automáticamente a la lista de cuentas de pago guardadas del usuario en su aplicación.

Configuración

{
    "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
        }
    }
}