Google Pay
ヘッドレスチェックアウトを使ってGoogle Payで支払いを受け付けるには：
- 追加フィールドの表示に関する
show_fieldsイベントの処理を追加します。
例：
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- 追加のフィールドを表示するには、決済UIののHTMLマークアップに
psdk-payment-formコンポーネントを追加します。
例：
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Google Pay経由で支払うボタンの表示に関するイベントの処理を追加します。
例：
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- 決済UIのHTMLマークアップに「Google Pay」ボタンのコンポーネントを追加します。
例：
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
