Comment ouvrir un navigateur externe à partir du lanceur de jeu

Comment ça marche

L’application WebView vous permet d’ouvrir l’interface de paiement à l’intérieur d’un lanceur de jeu, mais elle présente certaines limites. Par exemple, elle ne peut pas accéder aux mots de passe enregistrés ni ouvrir plusieurs onglets. En conséquence, l’utilisateur ne peut pas effectuer d’achat en utilisant des modes de paiement qui nécessitent une vérification utilisateur supplémentaire avec une redirection vers un nouvel onglet du navigateur, comme c’est le cas pour 3-D Secure ou l’authentification PayPal.

Pour contourner cette restriction, vous pouvez configurer l’ouverture de l’interface de paiement dans un nouvel onglet du navigateur externe, que l’utilisateur aura préalablement défini comme son navigateur par défaut (ci-après, le navigateur externe). Cela permet à l’utilisateur d’effectuer un achat, d’enregistrer les modes de paiement et de revenir au jeu.

Effectuer un achat

Flux utilisateur

1. L'utilisateur ouvre une application WebView pour effectuer un achat et clique sur Acheter.
2. L'interface de paiement s'ouvre dans l'application WebView et l'utilisateur choisit un mode de paiement.

3. L'utilisateur est automatiquement redirigé vers un nouvel onglet du navigateur externe pour effectuer l'achat.

L’application WebView affiche la description des étapes à suivre dans l’onglet ouvert du navigateur externe.

4. L'utilisateur saisit ses données et confirme l'achat dans l'onglet du navigateur externe. Si l'achat est réussi, une notification correspondante s'affiche.
5. L'utilisateur retourne sur l'application WebView affichant également la notification d'achat réussi en plus d'un bouton pour revenir au jeu.
6. L'utilisateur ferme l'application WebView dans le lanceur du jeu et retourne au jeu.

Configuration

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

Enregistrer un compte de paiement

Flux utilisateur

1. Côté application, l'utilisateur se rend sur la page pour gérer les comptes de paiement qu'il a enregistrés.

2. L'utilisateur clique sur Ajouter un nouveau mode.
3. Dans la fenêtre qui s'ouvre, l'utilisateur choisit un compte de paiement.

4. L'utilisateur est automatiquement redirigé vers un nouvel onglet du navigateur externe pour vérifier son compte.

Votre application affiche la description des étapes à suivre dans l’onglet ouvert du navigateur externe.

5. L'utilisateur saisit et confirme ses données dans l'onglet du navigateur externe. En cas de succès, une notification indique à l'utilisateur qu'il peut revenir à l'application.

Le mode de paiement sera automatiquement ajouté à la liste des comptes de paiement enregistrés par l’utilisateur dans votre application.

Configuration

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