Payment Handler API
決済機関は、独自の支払いエクスペリエンスを
Payment Request API をご覧ください。Payment Request API が
new PaymentRequest() コンストラクタを呼び出すことで、canmakepayment イベントを
任意のデータを
Payment Handler API に登録されている Service Worker。
このクロスオリジン通信では、ユーザー操作は必要なく、ユーザー操作は
表示されなくなります。
Chrome の canmakepayment イベントから識別フィールドが削除されます
Chrome 108 のオリジン トライアルを開始できます。
このページの情報は、 Payment Handler API を使用します。使用しない場合は、この手順をスキップできます。
変更内容
販売者が new PaymentRequest() を呼び出すと、登録済みの Service Worker
ユーザーが canmakepayment イベントを受信したとき
(CanMakePaymentEvent)
次のような情報が表示されます。
topOriginpaymentRequestOriginmethodDatamodifiers
これらは削除され、Service Worker は単に
追加情報のない canmakepayment イベント。
機能検出
Service Worker で canmakepayment イベントが変更されたかどうかを検出する
それぞれのプロパティを次のように調べます。
self.addEventListener(e => {
if (e.paymentRequestOrigin) {...}
if (e.topOrigin) {...}
if (e.methodData && e.methodData.length > 0) {...}
if (e.modifiers && e.modifiers.length > 0) {...}
...
});
ローカルで変更を試す
開発目的でローカルで変更を有効にするには:
- Chrome 108、109、110 を使用します。
- URL バーに「
chrome://flags/#clear-identity-in-can-make-payment」と入力します。 - フラグを有効にします。
- Chrome を再起動します。
このフラグを有効にすると、canmakepayment イベントの ID フィールドは次のようになります。
エンプティアウト（および
Android IS_READY_TO_PAY インテント）。
本番環境で変更を有効にする
変更前に、テスト目的で本番環境で変更を有効にすることもできます。 Chrome に実装されますこのメカニズムはオリジン トライアルと呼ばれます。
オリジン トライアルでは、新機能を試して、 ウェブ標準コミュニティにとってのユーザビリティ、実用性、有効性。対象 詳しくは、ウェブ デベロッパー向けオリジン トライアル ガイドをご覧ください。 この特典または別のオリジン トライアルに登録するには、登録ページにアクセスしてください。
オリジン トライアルを登録するには:
- トークンをリクエストする 作成します
Origin-Trialを使用して、トークンを Service Worker JavaScript ファイルに追加する HTTP ヘッダー。HTTP ヘッダーを設定するには、サーバーを構成する権限が必要です。 結果のレスポンス ヘッダーは次のようになります。
Origin-Trial: Auw/tjTQ2eJQ911wiMHi1Bb7i71...
Service Worker ファイルでオリジン トライアル トークンを確認するには、
DevTools を使用して
または、次のような curl コマンドを使用します。
$ curl --head <Service Worker JS file URL> | grep -i origin-trial
origin-trial: Auw/tjTQ2eJQ911wiMHi1Bb7i71...
Chrome 111 以降、ローカルで ID フィールドを再度有効にします
Chrome 111 以降を使用している場合、
canmakepayment イベントは空のままです。再度有効にするには、
次のことができます。
- Chrome 111 以降を使用してください。
- URL バーに「
chrome://flags/#add-identity-in-can-make-payment」と入力します。 - フラグを有効にします。
- Chrome を再起動します。
次のステップ
この変更は Chrome 111 以降、デフォルトで有効になる予定です。今すぐテストを開始して 開始時期の変化を予測します