Skip to main content
このページでは、4 つの Apple Pay 連携方式と、実行環境、フロントエンド、トークン処理に関する各方式の要件を比較します。Waffo では、ホスト型 Checkout または Merchant が構築した Apple Pay フロントエンドを使って決済できます。

​
連携方式を選択する

​
方式 1：Waffo Checkout へリダイレクトする

/api/v1/order/create を呼び出し、レスポンスの orderAction を解析して、ブラウザーのトップレベルページで orderAction.webUrl を開きます。 この方式では、Waffo Checkout が Apple Pay を表示します。Merchant ページに Apple Pay JS を組み込む必要はなく、Apple Pay トークンを処理する必要もありません。決済ステータスは Webhook または /api/v1/order/inquiry の結果を正としてください。

​
方式 2：App WebView で Waffo Checkout を読み込む

App WebView で orderAction.webUrl を開きます。注文作成時に userTerminal=APP を送信し、App 向けのリンクを取得してください。

​
方式 3：iframe で Waffo Apple Pay Checkout を読み込む

iframe 連携では、Waffo フロントエンド SDK @waffo/payment-sdk を必ず使用してください。連携前に Waffo テクニカルサポートへ連絡し、Apple Pay のドメイン検証と申請を完了する必要があります。通常の <iframe> で orderAction.webUrl を直接読み込まないでください。
フロントエンド SDK は Merchant ページ内で Checkout iframe を描画し、管理します。また、allow="payment"、Referrer Policy、レスポンシブレイアウトに関する Checkout iframe の要件も満たす必要があります。フロントエンド SDK の使用方法と iframe 埋め込みの注意事項を参照してください。 ドメイン検証と申請が完了するまで、iframe 版 Apple Pay を本番公開しないでください。Apple Pay ボタンが表示されない、または決済承認を続行できない場合があります。

​
方式 4：Merchant が Apple Pay と直接連携する

準備、復号、送信形式の詳細は、Merchant が Apple Pay と直接連携するを参照してください。