決済方法データを受信する
決済UIでユーザーに表示する決済方法データを受信するには、すぐに使用できるコンポーネントまたはSDKメソッドのいずれかを使用できます。
コンポーネントを使用する
- 利用可能な決済方法のリストを表示するには、決済UIののHTMLマークアップに
psdk-payment-methodsコンポーネントを追加します。
Copy
- html
<psdk-payment-methods country="US"></psdk-payment-methods>
- ユーザーが特定の決済方法を選択したときに送信される
selectionChangeイベントの処理を追加します。
Copy
- typescript
const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
console.log(event.detail);
});
SDKメソッドを使用する
| SDKメソッドの名称 | 説明 |
|---|---|
getRegularMethods | 利用可能な決済方法のリストを返します。 |
getQuickMethods | Apple PayやGoogle Payなど、利用可能なクイック決済方法のリストを返します。 |
getSavedMethods | 特定のユーザーの保存された決済方法のリストを返します。 |
Copy
- typescript
const methods = await headlessCheckout.getRegularMethods();
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
