支払いリクエストAPI：支払い先アカウントとは何ですか？

Question

いくつかのブラウザでは明らかに利用可能なPayment Request APIを見ていましたが、お支払いが送信されるアカウントを設定する場所はどこですか？次のコードでは、成功した場合に支払いが送信される口座を指定していません。

function onBuyClicked() { 
    if (!window.PaymentRequest) { 
    // PaymentRequest API is not available. Forwarding to 
    // legacy form based experience. 
    location.href = '/checkout'; 
    return; 
    } 

    // Supported payment methods 
    var supportedInstruments = [{ 
     supportedMethods: ['basic-card'] 
     data: { 
     supportedNetworks: [ 
      'visa', 'mastercard', 'amex', 'discover', 
      'diners', 'jcb', 'unionpay' 
     ] 
     } 
    }]; 

    // Checkout details 
    var details = { 
    displayItems: [{ 
     label: 'Original donation amount', 
     amount: { currency: 'USD', value: '65.00' } 
    }, { 
     label: 'Friends and family discount', 
     amount: { currency: 'USD', value: '-10.00' } 
    }], 
    total: { 
     label: 'Total due', 
     amount: { currency: 'USD', value : '55.00' } 
    } 
    }; 

    // 1. Create a `PaymentRequest` instance 
    var request = new PaymentRequest(supportedInstruments, details); 

    // 2. Show the native UI with `.show()` 
    request.show() 
    // 3. Process the payment 
    .then(result => { 
    // POST the payment information to the server 
    return fetch('/pay', { 
     method: 'POST', 
     credentials: 'include', 
     headers: { 
     'Content-Type': 'application/json' 
     }, 
     body: JSON.stringify(result.toJSON()) 
    }).then(response => { 
     // 4. Display payment results 
     if (response.status === 200) { 
     // Payment successful 
     return result.complete('success'); 
     } else { 
     // Payment failure 
     return result.complete('fail'); 
     } 
    }).catch(() => { 
     return result.complete('fail'); 
    }); 
    }); 
} 

document.querySelector('#start').addEventListener('click', onBuyClicked); 

Ref。 https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/deep-dive-into-payment-request

Ref。 https://www.w3.org/TR/payment-request/

Answer 1

ロングストーリーショート：あなたはしません。

お支払いリクエストAPIは、ではありません。支払い処理業者の代わりです。ブラウザ自体はあなたのアカウントへの振替を処理する手段を持っておらず、提供された支払い方法が有効かどうかを確認することさえできません（ただし、Android Payはこれを行うことができます）。その後、

...

ブラウザ 支払い方法を選択して、トランザクションを許可ユーザに支払いのUIを提示：

Introducing the Payment Request APIドキュメント（強調鉱山）パー

。お支払い方法は、 ブラウザで既に保存されているクレジットカードのように簡単に とすることができます。 と書かれた第三者のアプリケーションとしては難解です（この機能はすぐに利用できます）。ユーザーが取引を承認した後、 すべての必要な支払詳細が直接に送り返されます。 の例では、のカードは、 というカード番号、カード所有者名、有効期限、およびCVCを返信します。言い換えれば

...

、支払要求APIを使用すると、利用者のカード番号や支払いを処理するために必要なその他の情報を収集するためだけに簡単に、より安全な方法です。この情報を受け取ったら、ユーザーが通常のフォームを使って提出したのとほぼ同じです。実際にトランザクションを作成するには、依然として支払プロセッサ（または同様のもの）が必要です。