Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
その他 Limited support

Payment request

Payment Request API はブラウザのネイティブ UI を利用した統一的な決済フローを提供し、ユーザーの支払い体験を改善します。

その他

概要

Payment Request API はブラウザのネイティブ UI を利用した統一的な決済フローを提供し、ユーザーの支払い体験を改善します。

対応ブラウザ

デスクトップ

Chrome 60+
Edge 15+
Safari 11.1+
Firefox 未対応

モバイル

Chrome Android 53+
Safari iOS 11.3+
Firefox Android 未対応

基本構文

JAVASCRIPT 
const request = new PaymentRequest(
  [{ supportedMethods: 'basic-card' }],
  { total: { label: '合計', amount: { currency: 'JPY', value: '1000' } } }
);
const response = await request.show();
await response.complete('success');

実務での使いどころ

  • Payment request の活用

    Payment Request API。ブラウザ標準の決済UIを提供するAPI。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク