Google Pay
設定方法
ヘッドレスチェックアウトを使ってGoogle Payで支払いを受け付けるには：
- 追加フィールドの表示に関する
show_fieldsイベントの処理を追加します。
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 case 'show_fields':
4 this.handleShowFieldsAction(nextAction);
5 }
6});
- 追加のフィールドを表示するには、決済UIののHTMLマークアップに
psdk-payment-formコンポーネントを追加します。
Copy
- html
1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />
- Google Pay経由で支払うボタンの表示に関するイベントの処理を追加します。
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 ...
4 case 'special_button': {
5 if (nextAction.data.buttonName === 'google-pay') {
6 showGoogleButton = true;
7 }
8 }
9 }
10});
- 決済UIのHTMLマークアップに「Google Pay」ボタンのコンポーネントを追加します。
Copy
- html
1@if (showGoogleButton) {
2 <psdk-google-pay-button></psdk-google-pay-button>
3}
ワンクリック決済
ワンクリック決済により、サポートされているデバイスで、ユーザーは使い慣れた安全なネイティブ決済方法であるGoogle Payを使用して支払うことができます。ワンクリック決済を設定するには、以下に示すように、SDK初期化スクリプトを更新してください：
Copy
- typescript
1const config: InitialOptions = {
2 isWebview: false,
3 theme: 'default',
4 language: parameters.language,
5 isGooglePayInstantFlowEnabled: true
6};
7
8await headlessCheckout.init(config);
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
