ウェブベースの支払いアプリをウェブ支払いと統合して、ユーザー エクスペリエンスを向上させる方法。
ウェブ決済では、ブラウザの組み込みインターフェースをウェブに導入し、ユーザーが必要な支払い情報をこれまで以上に簡単に入力できるようにします。API は、ウェブベースのお支払いアプリと Android のお支払いアプリを呼び出すことができます。
ブラウザ サポート
ウェブ決済は複数のテクノロジーで構成されており、サポート状況はブラウザによって異なります。
ウェブベースの決済アプリのメリット
- 支払いは、販売者のウェブサイトのコンテキストでモーダルで行われます。これは、リダイレクトやポップアップを使用する一般的な支払いアプリの手法よりも優れたユーザー エクスペリエンスを提供します。
- Web Payments API は既存のウェブサイトに統合できるため、既存のユーザーベースを活用できます。
- プラットフォーム固有のアプリとは異なり、ウェブベースの決済アプリは事前にインストールする必要はありません。
ウェブベースの決済アプリの仕組み
ウェブベースの決済アプリは、標準のウェブ技術を使用して構築されます。すべてのウェブベースの支払いアプリには、サービス ワーカーを含める必要があります。
ウェブベースの支払いアプリでは、サービス ワーカーは次のように、支払いリクエストの仲介者として機能できます。
- モーダル ウィンドウを開き、支払いアプリのインターフェースを表示する。
- 支払いアプリと販売者間の通信を仲介する。
- お客様から承認を得て、支払い認証情報を販売者に渡します。
販売者向けの支払いアプリの仕組みについては、支払い取引のライフサイクルをご覧ください。
販売者がお支払いアプリを見つける方法
販売者が支払いアプリを使用するには、Payment Request API を使用し、お支払い方法 ID を使用してサポートされているお支払い方法を指定する必要があります。
お支払いアプリに固有のお支払い方法 ID がある場合は、独自のお支払い方法マニフェストを設定して、ブラウザがアプリを検出できるようにします。
詳しくは、お支払い方法の設定をご覧ください。
支払いハンドラ ウィンドウ内で使用できる API
「支払いハンドラ ウィンドウ」とは、支払いアプリが起動されるウィンドウです。Chrome では、通常の Chrome ブラウザ ウィンドウであるため、ほとんどのウェブ API は、トップレベル ドキュメントで使用する場合と同じように動作します。ただし、次の例外があります。
- ビューポートのサイズ変更は無効です。
window.open()は無効になっています。
WebAuthn のサポート
WebAuthn は、公開鍵暗号に基づく認証メカニズムです。ユーザーが生体認証でログインできるようにできます。WebAuthn は、Chrome の支払いハンドラ ウィンドウですでにサポートされています。標準化団体は、ウェブ決済と WebAuthn の間の接続をさらに緊密にすることを検討しています。
Credential Management API のサポート
認証情報管理 API は、サイトとブラウザ間のプログラマティック インターフェースを提供し、デバイス間でシームレスにログインできるようにします。ブラウザのパスワード マネージャーに保存されている情報に基づいて、ユーザーがウェブサイトに自動的にログインできるようにすることができます。Chrome で有効にされる予定ですが、現在開発中です。
WebOTP のサポート
WebOTP API を使用すると、SMS メッセージから OTP をプログラムで取得し、ユーザーの電話番号を簡単に確認できます。Chrome で有効にすることを予定していますが、現在開発中です。
支払いハンドラ ウィンドウに追加される予定の既知の問題と機能のリストについては、Chromium バグトラッカーをご覧ください。
次のステップ
ウェブベースの支払いアプリの作成を開始するには、次の 3 つの部分を実装する必要があります。