Android WebView の使用

一部の企業では、WebView を使用してウェブの購入手続きプロセスをモバイル アプリケーションに埋め込む必要があります。このガイドでは、Google Pay ウェブ統合を完了した後に、WebView で Google Pay をサポートするために必要な手順について説明します。

ユーザーが使用する端末の要件

必要なアプリの変更

Payment Request API は、ウェブの購入手続きプロセスが Android WebView に埋め込まれている場合に、Google Pay シートを起動するために使用されます。デフォルトでは、WebView で Payment Request API は無効になっています。アプリコードに次の変更を加える必要があります。

ビルドの依存関係を追加（または更新）します。

Groovy

dependencies {
    implementation 'androidx.webkit:webkit:1.14.0'
}

Kotlin

dependencies {
    implementation("androidx.webkit:webkit:1.14.0")
}

バージョン カタログ

[versions]
webkit = "1.14.0"

[libraries]
androidx-ktx = { group = "androidx.webkit", name = "webkit", version.ref = "webkit" }

AndroidManifest.xml に次の <queries> タグを追加します。

<queries>
  <intent>
    <action android:name="org.chromium.intent.action.PAY"/>
  </intent>
  <intent>
    <action android:name="org.chromium.intent.action.IS_READY_TO_PAY"/>
  </intent>
  <intent>
    <action android:name="org.chromium.intent.action.UPDATE_PAYMENT_DETAILS"/>
  </intent>
</queries>

アプリで使用する WebView で Payment Request API を有効にします。

使用しているコードに合った正しいインポート文を使用してください。

Kotlin

import android.webkit.WebSettings;
import android.webkit.WebView;
import androidx.webkit.WebSettingsCompat;
import androidx.webkit.WebViewFeature;

AndroidView(
    factory = {
        // Update WebView settings to allow JavaScript and payment request
        settings.javaScriptEnabled = true
        WebView(it).apply {
            if (WebViewFeature.isFeatureSupported(
                    WebViewFeature.PAYMENT_REQUEST)) {
                WebSettingsCompat.setPaymentRequestEnabled(settings, true);
            }
        }
    },
    update = {it.loadUrl(url)
    }
)

Java

import android.webkit.WebSettings;
import android.webkit.WebView;
import androidx.webkit.WebSettingsCompat;
import androidx.webkit.WebViewFeature;

WebView webView = findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();

// Update WebView settings to allow JavaScript and payment request
webSettings.setJavaScriptEnabled(true);
if (WebViewFeature.isFeatureSupported(
          WebViewFeature.PAYMENT_REQUEST)) {
    WebSettingsCompat.setPaymentRequestEnabled(webSettings, true);
}

統合を公開する

アプリで Android WebView 内で Google Pay を使用できるようにするには、統合ガイドを公開する必要があります。