Apple Pay

次の点にご注意ください：

• Apple Payでのお支払いは、サポートされているデバイスでのみご利用いただけます。
• SDKは、ユーザーのデバイスで支払いが可能であることを確認し、必要なすべてのデータを送信します。その後、支払いは外部タブで処理されます：https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay。
• 便宜上、psdk-apple-payコンポーネントは、psdk-submit-buttonコンポーネントに含まれています。

実装サンプル

詳細についてはGitHubのサンプルを参照してください。

設定方法

ヘッドレスチェックアウトを使ってApple Payで支払いを受け付けるには：

1. 追加フィールドの表示に関するshow_fieldsイベントの処理を追加します。

1headlessCheckout.form.onNextAction((nextAction) => {
2  switch (nextAction.type) {
3    case 'show_fields':
4      this.handleShowFieldsAction(nextAction);
5  }
6});

2. 追加のフィールドを表示するには、決済UIののHTMLマークアップにpsdk-payment-formコンポーネントを追加します。

1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />

ワンクリック決済

Apple Payによるワンクリック決済は、対応デバイスでユーザーが慣れ親しんだ安全なネイティブ決済方法を利用できるようにします。ワンクリック決済を設定するには：

1. このオプションを有効にするリクエストを作成します。これを行うには：

   a. パブリッシャーアカウントを開き、サポートハブセクションに移動します。

   b. 「リクエストを送信する」をクリックします。

   

   c. 開いたウィンドウで、フィールドに入力します：

   • 概要。例えば、Apple Payによるワンクリック決済。
   • 説明。決済UIを開くために使用するドメインを指定します。例：amazing.store.com。
   • プロジェクトID。ドロップダウンリストからプロジェクトIDを選択します。複数のプロジェクトに対してワンクリック決済オプションを設定したい場合は、「説明」フィールドでそれらのIDを指定してください。

   d. 「送信する」をクリックします。

2. ドメイン関連付けファイルを待ちます。このステップはエクソーラによって実行されます：
   1. エクソーラはAppleでドメインを登録します。
   2. エクソーラはAppleからドメイン関連ファイルを受け取ります。
   3. エクソーラはドメイン関連ファイルを電子メールで送信し、それをアップロードする場所に関する指示を提供します。
3. SDK初期化スクリプトを以下のように更新します：

1const config: InitialOptions = {
2  isWebview: false,
3  theme: 'default',
4  language: parameters.language,
5  topLevelDomain: 'amazing.store.com',
6  isApplePayInstantFlowEnabled: true
7};
8
9await initHeadlessCheckoutLib(config);

4. エクソーラのメールに返信し、ドメイン関連付けファイルを指定された場所にアップロードし、SDK初期化スクリプトを更新したことを確認します。
5. プロジェクトでワンクリック決済が正常に有効化されたというエクソーラからの確認を待ってください。