次の方法で共有

Dynamics 365 Commerce で Adyen を使用して Apple Pay を設定する

  • [アーティクル]

この記事では、Microsoft Dynamics 365 Commerce で Adyen を使用して Apple Pay を設定する方法について説明します。

重要な用語

相談 Description
Apple Pay Apple Pay 「ボタン」とも呼ばれる Apple Pay は、Adyen コネクタでサポートされるウォレット決済として提供されます。 Microsoft Dynamics 365 Apple Pay Connector でサポートされているカスタマー エクスペリエンスと統合を有効にします。
ウォレット 銀行識別番号 (BIN) の範囲や有効期限など、クレジット カード タイプとデビット カード タイプを区別するために使用される従来の支払特性を含まない支払タイプ。

Dynamics 365 Commerce は、Adyen 支払ゲートウェイ サービスを使用する場合の Apple Pay との統合を最初から提供しています。 Apple Pay は、Adyen 支払サービスと連携し、Apple Pay マーチャント アカウントを使用するデジタル ウォレットの決済方法です。 構成されている場合、Apple Pay ボタンは、オンライン ストアの注文のチェックアウト ページの一部として選択可能な決済方法になります。 Apple Pay ボタンは、サポートされている Apple Pay デバイスについてのみ決済オプションとして表示されます。 ユーザーがサポートされているブラウザーまたはデバイスで Apple Pay を選択すると、Apple Pay サービスに転送されて直接支払を完了することができます。 その後、注文完了のためにオンライン店舗に戻ります。

Apple Pay 向け Dynamics 365 Payment Connector のコネクタ参照は、サイトで Apple Pay とクレジット カード決済を有効にする Adyen 向け Dynamics 365 Payment Connector にも使用されます。 Apple Pay は、Commerce 販売時点管理 (POS) で Adyen 向け Dynamics 365 Payment Connector を使用する Adyen 支払端末を持つ店舗でも使用するように構成できます。 この場合、Adyen 向け Dynamics 365 Payment Connector は端末で Apple の決済デバイスのタップを処理します。

必要条件

Commerce で Apple Pay と Adyen を使用するには、Apple マーチャント アカウントが必要です。 テスト顧客領域で Apple Pay を設定する方法の詳細については、Apple Pay ドロップイン統合 を参照してください。 運用環境で運用する準備ができたときに行う操作については、ライブに移行 を参照してください。

重要

メインの Adyen クレジット カード iFrame 要素に使用する Apple Pay を構成するために同じマーチャント アカウントを使用する場合、Adyen 向け Dynamics 365 Payment Connector コネクタ オプションを構成するときに、コネクタの 除外された支払方法 フィールドの値には、Adyen マーチャント アカウントで構成されている Apple Pay の決済方法名を含める必要があります。 そうでない場合、チェックアウト ページのメインの Adyen クレジット カード iFrame 要素が Apple Payボタンを読み込もうとし、iFrame 要素のセキュリティ基準が理由で失敗することがあります。 除外された支払方法 値には、表示しない他の決済方法名を含めることができます。 名前はセミコロンで区切ります (たとえば applepay;googlepay)。

Apple Pay の支払方法を、Adyen アカウントにも統合する必要があります。 Adyen は、支払方法の設定に役立ち、証明書を使用するドメインが証明書で使用するために割り当てられていることを確認するのにも役立ちます。

Commerce headquarters で拡張ウォレット機能のフラグを有効にするには、ワークスペース > 機能管理 に移動し、拡張ウォレット サポートと支払の改善 機能を検索します。 機能を選択し、有効にするを選択します。 機能を有効にした後 1110 配送スケジュールを実行して、すべてのチャンネルで変更を使用可能にします。

Apple Pay を使用するには、サイトビルダーで サイト > サイト設定 > 拡張機能 > カートとチェックアウト の 単一支払い承認チェックアウトの有効化 プロパティも有効にする必要があります。

Apple Pay の決済方法をマップする

Apple Pay はデジタル ウォレットの決済方法です。 Apple Pay の決済マッピングを設定する方法の詳細については、ウォレット支払のサポート を参照してください。

Commerce headquarters で Apple Pay の決済方法をマップするには、次の手順に従います。

  1. Retail と Commerce > チャネル設定 > 決済方法 > カード タイプ に移動します。

  2. 新規 を選択して Apple Pay の行を追加し、次の値を設定します:

    • ID: 入
    • 電子支払名: 電子支払
    • タイプ: 、1つ
    • 発行者:

  3. プロセッサ マッピング を選択し、プロセッサ支払のマッピング方法 のダイアログ ボックスを開きます。 マップされていないプロセッサ支払方法 列には、使用可能な各コネクタ (Adyen、PayPal、Apple) でサポートされている決済方法の一覧が表示されます。

  4. Adyen 向け Dynamics 365 Payment Connector コネクタ (POS で使用) と Apple Pay 向け Dynamics 365 Payment Connector コネクタ (オンライン チャネルで使用) の両方で必要なサポートされている決済方法をマップします。

  5. マップの行ごとに マップされていないプロセッサ支払方法 列で、サポートする行を選択し、追加 を選択して マップされたプロセッサ支払方法 列に選択を移動します。

  6. OK を選択し、カード タイプ ページ で 保存 を選択します。

サイトに対する Apple Pay 証明書の設定

Adyen Apple Pay ドキュメント で説明されているように、各サイトにドメイン関連ファイル (Apple Pay 証明書とも呼ばれる) をアップロードする必要があります。 Commerce サイト ビルダーを使用して、サイトのメディア ライブラリにドメイン関連ファイルをアップロードできます。

サイト ビルダーの Apple Pay 証明書を設定するには次の手順に従います。

  1. Adyen から証明書 (ドメイン関連ファイル) をダウンロードします。
  2. .txt 拡張子をドメイン関連ファイルに追加します。
  3. サイト ビルダーで、ドメイン関連ファイルをサイトのメディア ライブラリに アップロード します。
  4. URL に移動します。
  5. 新規 > 新しい URL を選択します。
  6. 新しい URL ダイアログ ボックスで、メディア ライブラリ アセット を選択します。
  7. URL パス フィールドに URL パスを入力します (入力されていない場合)。 ドメインのベース URL の後に、次の必要な Apple 文字列を入力します: <domain>/.well-known/apple-developer-merchantid-domain-association.txt。
  8. 次へ を選択します。 メディア ライブラリには、ドキュメント (.txt) タイプのアップロードされたすべてのメディア アセットが表示されます。
  9. 先ほど定義した URL への要求に対して提供するドメイン関連ファイルを選択します。
  10. 作成を選択します。

この時点で、作成した URL はドラフト状態になっています。 プロセスを完了するには、URL を公開します。 URL をポイントしたファイルは、URL を発行するまで返されません。

Apple Pay 用に Commerce オンライン ストアを構成する

Apple Pay 用に Commerce オンライン ストアを構成するには、次の手順に従います。

  1. Commerce 本社で、小売とコマース>チャネル>オンライン店舗の順に移動します。

  2. サイトのオンライン ストア チャネルの 小売チャネル ID の値を選択します。

  3. まだ設定されていない場合は Adyen 向け Dynamics 365 Payment Connector の設定 の手順に従って、支払口座 FastTab で、Adyen 向け Dynamics 365 Payment Connector を追加します。

  4. Adyen コネクタを構成した後、追加 を選択して Apple Pay 向け Dynamics 365 Payment Connector を追加します。

  5. コネクタのマーチャント プロパティの値を入力します。

    プロパティ Description 必須 自動セット サンプル値
    アセンブリ名 Apple Pay 向け Dynamics 365 Payment Connector のアセンブリ名。 有効 有効 バイナリ名
    サービス アカウント ID マーチャント プロパティ設定の一意識別子。 この識別子は支払トランザクションで記録され、下位のプロセス (請求など) が使用する商業プロパティを識別します。 有効 有効 Guid
    マーチャント口座 ID 一意の Adyen 商業識別子を入力します。 この値は、Adyen でサインアップで説明されているように、Adyen でサインアップするときに提供されます。 有効 無効 MerchantIdentifier
    クラウド API キー Adyen クラウド API キーを入力します。 このキーは、API キーを生成する に記載の手順に従って取得できます。 有効 無効 abcdefg
    ゲートウェイ環境 マップ対称の Adyen ゲートウェイ環境を入力します。 可能な値は テスト および ライブ です。 このフィールドは、生産デバイスおよびトランザクションでのみ ライブ にセットする必要があります。 有効 有効 ライブ
    サポートされている通貨 コネクタが処理する必要がある通貨を入力します。 カードありのシナリオでは、Adyen は、トランザクション要求が支払端末に送信された後、動的通過換算 により追加通貨をサポートすることができます。 サポートされている通貨の一覧を取得するには、Adyen サポートに問い合わせてください。 有効 有効 USD;EUR
    サポートされている支払/入金タイプ コネクタが処理する必要がある支払/入金タイプを入力します。 有効 有効 ApplePay

  6. マーチャント情報を入力した後、1070 チャネル 構成配送スケジュール ジョブを実行します。

Apple Pay を店舗の決済方法に追加する

Commerce headquarters で Apple Pay を新しい決済方法に追加するには、次の手順に従います。

  1. Retail と Commerce > チャネル設定 > 支払い方法 に移動します。
  2. 新規を選択します。
  3. 既定の機能 オプションを ウォレット に設定します。
  4. 決済方法 の値 (決済方法の ID、通常は決済方法番号シリーズで次に使用可能な決済方法番号) を入力します。
  5. 決済方法名 の値 (例: ApplePay) を入力します。
  6. 既定の機能 オプションを ウォレット に設定します。
  7. 保存 を選択します。
  8. 自分のチャンネル (Retail と Commerce > チャネル > オンライン ストア、または POS の場合は、Retail と Commerce > チャネル > すべての店舗) に移動します。
  9. アクション ウィンドウにある 設定 タブの 設定 グループで、決済方法 を選択します。
  10. 新規を選択します。
  11. 決済方法 フィールドで、先ほど設定した Apple Pay の決済方法を選択します。 決済方法名 および 機能 のフィールドでは、構成した決済方法の値を使用して自動的に設定する必要があります。
  12. 全般 FastTab の Commerce セクションで、操作名 フィールドを カードで支払う に設定します。
  13. Commerce セクションで、コネクタ名 フィールドを設定します。 オンライン ストアの場合は、Apple Pay 向け Dynamics 365 Payment Connector を指定します。 POS 店舗の場合は、Adyen 向け Dynamics 365 Payment Connector を指定します。
  14. 転記 FastTab で、必要な 勘定タイプ ("勘定科目")、差額勘定、および 大きな差額の勘定 の設定を入力します。
  15. 保存 を選択します。
  16. 新しい Apple Pay の決済方法を選択した状態で、アクション ウィンドウの 電子決済の設定 タブで 新規 を選択します。
  17. 電子決済タイプ の ID フィールド で、ApplePay カード タイプを選択します。
  18. 保存 を選択します。
  19. Retail と Commerce > Retail と Commerce IT > 配送スケジュール の順に移動し、1070 チャネル コンフィギュレーション ジョブを実行します。

サイト ビルダーのコンテンツ セキュリティ ポリシーを構成する

Apple Pay を利用するためにフラグメントやページを構成する前に、サイトビルダーでコンテンツ セキュリティ ポリシー (CSP) を構成する必要があります。

コンテンツ セキュリティ ポリシーをサイト ビルダーで構成するには、次の手順に従います。

  1. サイト 設定 > 拡張機能に移動します。
  2. コンテンツ セキュリティ ポリシー タブで 追加 を選択して、child-src、connect-src、frame-src、img-src、script-src、および style-src セクションに https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js の行を追加します。
  3. 保存して公開 を選択して変更をコミットします。

サイトビルダーで単一支払い認証チェックアウトを有効にします

Apple Pay を使用するには、サイトビルダーで サイト > サイト設定 > 拡張機能 > カートとチェックアウト の 単一支払い承認チェックアウトの有効化 プロパティも選択する必要があります。

チェックアウトの決済オプションとして Apple Pay を設定する

サイトの (日エクスプレス) チェックアウト ページで Apple Pay をチェックアウトの決済オプションとして設定するには、次の手順に従います。

  1. サイト ビルダーで フラグメント に移動し、サイトのチェックアウト フラグメントを選択します。
  2. 編集を選択します。
  3. セクション コンテナーのチェックアウト スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。
  4. モジュールの選択 ダイアログ ボックスで Apple Pay モジュールを選択して、OK を選択します。
  5. 保存を選択します。
  6. 編集の完了 を選択してフラグメントにチェックインし、 発行 を選択して公開します。

Apple Pay モジュールの設定は、モジュールに組み込まれており、Commerce Headquarters のオンライン チャネルに対して設定されている、設定済みの Apple Pay 向け Dynamics 365 Payment Connector のコネクタと接続します。

Apple Pay Payment モジュール スタイル

Commerce のモジュールライブラリには、サンプルパッケージに Apple Pay モジュールが含まれており、Commerce のサンプルサイトに含まれる既定のテーマにも Apple Pay モジュールの参照があります。 Apple Pay を使用し、独自のテーマセットを管理している場合、テーマが Apple Pay モジュールに適用されるようにするには、テーマに使用する checkout-apple-pay.scss スタイルを含める必要があります。

Apple Pay で決済エクスプレス モジュールを使用する

Commerce 決済エクスプレス モジュールは、サポートする決済方法と連動して、チェックアウト プロセス中に保存済の決済サービス アカウント情報を使用することで、より迅速にチェックアウトできるオプションをオンライン買い物客に提供します。 決済エクスプレス モジュールは、チェックアウトとカートのページで Apple Pay 用に構成されたコネクタ ボタンを参照します。

チェックアウト ページの決済エクスプレス モジュールで Apple Pay を設定する

サイト ビルダーにあるチェックアウト ページの決済エクスプレス モジュールで Apple Pay を設定するには、次の手順に従います。

  1. フラグメント に移動します。
  2. チェックアウト フラグメントを選択して、編集 を選択します。
  3. チェックアウト エクスプレス決済コンテナー スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。
  4. モジュールの選択 ダイアログ ボックスで Apple Pay を選択して、OK を選択します。 Apple Pay エクスプレス モジュールは、headquarters で先に設定された Adyen 向け Dynamics 365 Payment Connector を使用するように事前設定されています。
  5. Apple Pay モジュールのプロパティ ウィンドウで、コネクタがチェックアウト時に Apple Pay ウォレットから配送先住所を返すようにするには、配送先住所の要求 プロパティを選択します。
  6. 保存 を選択し、 編集の完了 を選択してフラグメントにチェックインし、発行 を選択して公開します。

カート ページの決済エクスプレス モジュールで Apple Pay を設定する

サイト ビルダーのカート ページ決済エクスプレス モジュールに Apple Pay を追加するには、次の手順に従います。

  1. ページ に移動し、サイトのカート ページを選択します。
  2. 編集を選択します。
  3. メイン スロット の下で カート モジュールを含むコンテナーを見つけます。
  4. カート モジュールの下で、決済エクスプレス モジュールを選択します。
  5. 決済エクスプレス スロットで 省略記号 (...) を選択し、モジュールの追加 を選択します。
  6. モジュールの選択 ダイアログ ボックスで Apple Pay を選択して、OK を選択します。 Apple Pay エクスプレス モジュールは、headquarters で先に設定された Adyen 向け Dynamics 365 Payment Connector を使用するように事前設定されています。
  7. Apple Pay モジュールのプロパティ ウィンドウで、コネクタがチェックアウト時に Apple Pay ウォレットから配送先住所を返すようにするには、配送先住所の要求 プロパティを選択します。
  8. 保存 を選択し、 編集の完了 を選択してフラグメントにチェックインし、発行 を選択して公開します。

Apple Pay の支払動作

Apple Pay 決済ボタンは、サポートされている Apple Pay デバイス (iPhone、iPad、および Apple Pay をサポートする Safari ブラウザー) にのみ表示されます。 ユーザーがこれらのデバイスを使用していない場合は、Apple Pay の決済ボタンは表示されません。

ユーザーが Apple Pay 決済ボタンを選択すると、Apple Pay ダイアログ ボックスが表示されます。 そこで、ユーザーは Apple Pay デバイスまたはブラウザーに対して認証を行うことができます。 Apple Pay ダイアログ ボックスには、注文金額と、ユーザーが Apple Wallet に対して構成した決済方法の概要が表示されます。 ユーザーは、これらの詳細を確認し、支払 を選択して支払を完了できます。 支払が完了すると、完了したトランザクションの注文の詳細な概要を示す 注文の完了 サイト ページが表示されます。

Commerce バージョン 10.0.34 では、Apple Pay エクスプレス決済が含まれており、買い物客は Apple Pay の決済ウィンドウから直接チェックアウトすることができます。 サポートされている Apple Pay デバイスを使用している買い物客は、サイトのエクスプレス ペイ セクションにある Apple Pay ボタンを選択できます。 Apple Pay ウィンドウでは Apple アカウントの所有者を認証し、買い物客が Apple Pay アカウントで決済カードまたは方法、連絡先情報 (メール アドレスと電話番号を含む)、配送先住所、および配送方法を選択できます。 決済後、Apple Pay はアカウント所有者に対して再認証を行います。 次に注文が行われ、オンラインの買い物客は、注文完了ページに進み、注文の概要を確認することができます。 この機能により、チェックアウト フォームへの手入力が不要となり、買い物客はより迅速にチェックアウトを体験できます。

Apple Pay 向けの Commerce POS を構成する

POS 構成には、Adyen 向け Dynamics 365 Payment Connector に対してハードウェア プロファイルの EFT サービス フィールドの構成を使用します。 Dynamics 365 POS ハードウェア プロファイルの設定 で説明されているように、Commerce Headquarters で、Adyen 向け Dynamics 365 Payment Connector の EFT サービスを構成します。

サポートされている支払/入金タイプ フィールドの支払/入金タイプのリストに ApplePay を追加してください。 セミコロン (;) を使用して、一覧で支払/入金タイプを区切ります。

Adyen コネクタのプロセッサ マッピングは、Apple Pay が POS 端末で使用するウォレット カード タイプをキャプチャします。

追加リソース

支払に関するよくあるご質問

チェックアウト モジュール

支払モジュール