Как открыть внешний браузер из лаунчера

Как это работает

Приложение WebView позволяет открывать платежный интерфейс внутри лаунчера, но имеет определенные технические ограничения. Например, в нем нет доступа к сохраненным паролям и нет возможности открыть несколько вкладок. Из-за этого пользователь не может совершить оплату методами, требующими дополнительной проверки с переходом в новую вкладку браузера, например, 3-D Secure или авторизации в PayPal.

Чтобы обойти это ограничение, вы можете настроить открытие платежного интерфейса в новой вкладке внешнего браузера, выбранного на устройстве пользователя по умолчанию (далее — внешний браузер), чтобы давать пользователю возможность совершать покупку, сохранять платежные методы и вернуться в игру.

Совершение покупки

Сценарий пользователя

1. Для совершения покупки пользователь открывает приложение WebView и нажимает Купить.
2. В приложении WebView открывается платежный интерфейс, в котором пользователь выбирает способ оплаты.

3. Пользователь автоматически перенаправляется во внешний браузер на новую вкладку для совершения покупки.

В приложении WebView появляется описание шагов, которые необходимо выполнить в открывшемся окне внешнего браузера.

4. Пользователь вводит данные и подтверждает покупку во вкладке внешнего браузера. В случае успеха появляется уведомление об успешной покупке.
5. Пользователь возвращается в приложение WebView, в котором также отображается уведомление об успешной покупке и кнопка для возвращения в игру.
6. Пользователь закрывает приложение WebView в лаунчере и возвращается в игру.

Как настроить

Чтобы реализовать переход из лаунчера во внешний браузер для совершения покупки, передайте в токене параметр settings.ui.is_independent_windows: true.

Пример тела запроса на получение токена

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

Сохранение платежного метода

Сценарий пользователя

1. На стороне вашего приложения пользователь переходит на страницу управления своими сохраненными платежными методами.

2. Пользователь нажимает Добавить платежный метод.
3. В открывшемся платежном интерфейсе пользователь выбирает метод оплаты.

4. Пользователь автоматически перенаправляется во внешний браузер на новую вкладку для подтверждения аккаунта.

В вашем приложении появляется описание шагов, которые необходимо выполнить пользователю в открывшемся окне внешнего браузера.

5. Пользователь вводит данные и подтверждает их во вкладке внешнего браузера. В случае успеха появляется сообщение о том, что пользователь может вернуться в приложение.

Метод автоматически добавится в список сохраненных платежных методов аккаунта пользователя в вашем приложении.

Как настроить

Чтобы реализовать переход в браузер по умолчанию для сохранения платежного метода, передайте в токене параметры settings.ui.mode: user и settings.ui.is_independent_windows: true.

Пример тела запроса на получение токена

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

Оценить страницу

Что может сделать страницу еще лучше? Отправить

В другой раз

Спасибо за обратную связь!