Как открыть платежный интерфейс для приема платежей с помощью Google Pay

Чтобы принимать платежи с помощью Google Pay, вы можете использовать следующие способы открытия платежного интерфейса:

В браузере — в этом случае пользователь будет перенаправлен из игры во внешний браузер для совершения оплаты. Платежный интерфейс будет выглядеть следующим образом:

В Android WebView — в этом случае платежный интерфейс открывается внутри игрового приложения и выглядит частью приложения:

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

В браузере

Чтобы открыть платежный интерфейс в браузере и принимать платежи с помощью Google Pay, вам не нужно реализовывать дополнительный код. Для настройки воспользуйтесь инструкцией по открытию платежного интерфейса.

В Android WebView

Android WebView — это предустановленный системный компонент от Google, с помощью которого приложения Android могут показывать контент. Для корректной работы платежного интерфейса и Google Pay в Android WebView вам необходимо настроить WebView и реализовать классы setWebViewClient и setWebChromeClient.

Copy

Full screen

Small screen

mWebView.setWebViewClient(new XsollaWebViewClient(this));
mWebView.setWebChromeClient(new XsollaWebChromeClient(this));

Чтобы настроить открытие платежного интерфейса в Android WebView:

Настройте WebView согласно примеру:

Copy

Full screen

Small screen

WebSettings webSettings = mWebView.getSettings();
webSettings.setBuiltInZoomControls(false);
webSettings.setUseWideViewPort(true);
webSettings.setDomStorageEnabled(true);
webSettings.setLoadWithOverviewMode(true);
webSettings.setJavaScriptEnabled(true);
webSettings.setSupportMultipleWindows(true);
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

Добавьте класс XsollaWebViewClient extends WebViewClient и методы shouldOverrideUrlLoading и onPageFinished в этом классе согласно примеру:

Copy

Full screen

Small screen

class XsollaWebViewClient extends WebViewClient {
    private final Context context;


    public XsollaWebViewClient(Context context) {
        this.context = context;
    }


    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if(url.matches(".+://.*")) {
            try {
                Intent intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
                intent.addCategory("android.intent.category.BROWSABLE");
                intent.setComponent(null);
                context.startActivity(intent);
            } catch(URISyntaxException e) {
                Log.e("WebView", "Invalid URL format" + url, e);
            } catch (ActivityNotFoundException e) {
                Log.e("WebView", "No activity found to handle URL: " + url, e);
            }
            return true;
        }


        return false;
    }


    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
    }
}

Добавьте класс XsollaWebChromeClient extends WebChromeClient и методы onCreateWindow и onCloseWindow в этом классе.

Copy

Full screen

Small screen

public class XsollaWebChromeClient extends WebChromeClient {
    private final Context mContext;


    public XsollaWebChromeClient(Context context) {
        mContext = context;
    }


    @Override
    public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, android.os.Message resultMsg) {
        MainActivity mainActivity = (MainActivity) mContext;
        mainActivity.mChildWebView.setVisibility(View.VISIBLE);


        WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
        transport.setWebView(mainActivity.mChildWebView);
        resultMsg.sendToTarget();
        return true;
    }


    @Override
    public void onCloseWindow(WebView window) {
        if (window != null && window instanceof XsollaChildWebView) {
            window.setVisibility(View.GONE);
        }
    }
}

Добавьте класс XsollaChildWebView extends WebView.

Copy

Full screen

Small screen

public class XsollaChildWebView extends WebView {


    @SuppressLint("SetJavaScriptEnabled")
    public XsollaChildWebView(Context context, AttributeSet attrs) {
        super(context, attrs);


        WebSettings webSettings = getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);


        setWebViewClient(new XsollaWebViewClient(context));
        setWebChromeClient(new XsollaWebChromeClient(context));
    }
}

Добавьте поле XsollaChildWebView mChildWebView в классе MainActivity:

Copy

Full screen

Small screen

mChildWebView = findViewById(R.id.childWebView);

Второй WebView (childWebView) используется для открытия новых окон в платежном интерфейсе:

Пример реализации activity:

Copy

Full screen

Small screen

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <WebView
        android:id="@+id/activity_main_webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <com.example.app.XsollaChildWebView
        android:id="@+id/childWebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

Вы можете найти подробные примеры кода в репозитории на GitHub.

В пользовательских вкладках (Custom Tabs)

Пользовательские вкладки (Custom Tabs) — это функциональность браузеров Android, которая позволяет добавлять кастомизированные возможности браузера напрямую в приложение. Разница между WebView и Custom Tabs в том, что действия пользователя в WebView изолированы от других действий пользователя в интернете, в то время как использование Custom Tabs позволяет синхронизировать действия пользователя с его другой активностью в Chrome на устройстве Android.

Пример кода для открытия платежного интерфейса в Custom Tabs:

Copy

Full screen

Small screen

String url = "https://secure.xsolla.com/paystation4?token=${token}";
CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
CustomTabsIntent customTabsIntent = builder.build();
customTabsIntent.launchUrl(this, Uri.parse(url));

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

Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.

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

В другой раз

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

Последнее обновление: 26 марта 2024

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Your browser is not supported. Please try a different browser

Pay Station

Как открыть платежный интерфейс для приема платежей с помощью Google Pay

В браузере

В Android WebView

В пользовательских вкладках (Custom Tabs)

Была ли статья полезна?

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

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