Como abrir o navegador externo a partir do inicializador de jogos

Como funciona

O aplicativo WebView permite que você abra a interface de pagamento dentro de um inicializador de jogos, mas ele tem limitações. Por exemplo, não é possível acessar senhas salvas ou abrir várias abas. Isso significa que os usuários não podem fazer uma compra usando métodos de pagamento que exijam verificação adicional de usuário com redirecionamento para uma nova aba do navegador, como a autenticação 3D Secure ou PayPal.

Para contornar essa limitação, você pode configurar a abertura da interface de pagamento em uma nova aba de um navegador externo que o usuário define como seu navegador padrão (doravante, o navegador externo) para permitir que os usuários façam uma compra, salvem métodos de pagamento e retornem a um jogo.

Fazer compra

Fluxo do usuário

1. Um usuário abre um aplicativo WebView para fazer uma compra e clica em Comprar.
2. A interface de pagamento é aberta em um aplicativo WebView e um usuário escolhe uma forma de pagamento.

3. Um usuário é redirecionado automaticamente para uma nova aba de um navegador externo para fazer uma compra.

O aplicativo WebView exibe a descrição das etapas a serem concluídas em uma aba aberta do navegador externo.

4. Um usuário insere seus dados e confirma a compra em uma aba externa do navegador. Se a compra for bem-sucedida, haverá uma notificação sobre a compra bem-sucedida.
5. Um usuário retorna ao aplicativo WebView, onde também há uma notificação sobre a compra bem-sucedida e um botão para retornar ao jogo.
6. Um usuário fecha um aplicativo WebView no iniciador e retorna ao jogo.

Configurando

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

Salvar conta de pagamento

Fluxo do usuário

1. Do lado do seu aplicativo, um usuário acessa uma página para gerenciar suas contas de pagamento salvas.

2. O usuário clica em Adicionar novo método.
3. Na janela que é aberta, o usuário escolhe uma conta de pagamento.

4. Um usuário é redirecionado automaticamente para uma nova aba de um navegador externo para verificar sua conta.

Seu aplicativo exibe a descrição das etapas a serem concluídas em uma aba aberta do navegador externo.

5. Um usuário insere e confirma seus dados em uma aba externa do navegador. Se for bem-sucedido, há uma notificação de que um usuário pode retornar ao aplicativo.

O método será adicionado automaticamente à lista de contas de pagamento salvas do usuário em seu aplicativo.

Configurando

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