ウェブベースの決済アプリの概要

ウェブベースの支払いアプリをウェブ支払いと統合して、ユーザー エクスペリエンスを向上させる方法。

ウェブ決済では、ブラウザの組み込みインターフェースをウェブに導入し、ユーザーが必要な支払い情報をこれまで以上に簡単に入力できるようにします。この API は、ウェブベースの支払いアプリと Android 支払いアプリを呼び出すことができます。

ブラウザ サポート

Web Payments はいくつかの異なるテクノロジーで構成されており、サポートのステータスはブラウザによって異なります。

Chromium Safari Firefox
パソコン Android パソコン モバイル パソコン/モバイル
Payment Request API
Payment Handler API
iOS / Android の決済アプリ ✔* ✔*

ウェブベースの決済アプリのメリット

ウェブベースの支払いアプリを使用した購入手続きフロー。
  • 支払いは、販売者のウェブサイトのコンテキストでモーダルで行われます。これは、リダイレクトやポップアップを使用する一般的な支払いアプリの手法よりも優れたユーザー エクスペリエンスを提供します。
  • Web Payments API は既存のウェブサイトに統合できるため、既存のユーザーベースを活用できます。
  • プラットフォーム固有のアプリとは異なり、ウェブベースの決済アプリは事前にインストールする必要はありません。

ウェブベースの決済アプリの仕組みを教えてください。

ウェブベースの決済アプリは、標準のウェブ技術を使用して構築されます。すべてのウェブベースの支払いアプリには、サービス ワーカーを含める必要があります。

ウェブベースの支払いアプリでは、サービス ワーカーは次のように、支払いリクエストの仲介者として機能できます。

  • モーダル ウィンドウを開き、支払いアプリのインターフェースを表示する。
  • 支払いアプリと販売者間の通信を仲介する。
  • お客様から承認を得て、支払い認証情報を販売者に渡す。

販売者向けの支払いアプリの仕組みについては、支払い取引のライフサイクルをご覧ください。

販売者が決済アプリを見つける方法

販売者が支払いアプリを使用するには、Payment Request API を使用し、お支払い方法 ID を使用してサポートされているお支払い方法を指定する必要があります。

お支払いアプリに固有のお支払い方法 ID がある場合は、独自のお支払い方法マニフェストを設定して、ブラウザがアプリを検出できるようにします。

仕組みと新しいお支払い方法の設定方法については、お支払い方法の設定をご覧ください。

支払いハンドラ ウィンドウ内で使用できる API

「支払いハンドラ ウィンドウ」とは、支払いアプリが起動されるウィンドウです。Chrome では、通常の Chrome ブラウザ ウィンドウであるため、ほとんどのウェブ API は、トップレベル ドキュメントで使用する場合と同じように動作します。ただし、次の例外があります。

  • ビューポートのサイズ変更が無効になります。
  • window.open() は無効になっています。

WebAuthn のサポート

WebAuthn は、公開鍵暗号に基づく認証メカニズムです。ユーザーが生体認証でログインできるようにできます。WebAuthn はすでに Chrome の支払いハンドラ ウィンドウでサポートされており、標準化団体はウェブ決済と WebAuthn のより緊密な接続の構築を検討しています。

Credential Management API のサポート

Credential Management API は、複数のデバイスでのシームレスなログインを実現するために、サイトとブラウザ間にプログラム インターフェースを提供します。ブラウザのパスワード マネージャーに保存されている情報に基づいて、ユーザーがウェブサイトに自動的にログインできるようにすることができます。Chrome で有効になる予定ですが、まだ開発中です。

WebOTP のサポート

WebOTP API を使用すると、SMS メッセージから OTP をプログラムで取得し、ユーザーの電話番号を簡単に確認できます。Chrome で有効にすることを計画していますが、現在開発中です。

支払いハンドラ ウィンドウに追加される予定の既知の問題と機能のリストについては、Chromium バグトラッカーをご覧ください。

次のステップ

ウェブベースの支払いアプリの作成を開始するには、次の 3 つの部分を実装する必要があります。