Next Actionウィジェット

Next Actionは、既存の注文が、3DSチャレンジやリダイレクトなどのサポートされている追加ステップを完了する必要がある場合に、元の注文トークンを再利用して使用します。

意思決定フローこれについて Athia に質問#

カスタマーエクスペリエンスを見るこれについて Athia に質問#

Next Action は、DEUNA の支払いウィジェットと加盟店独自の支払いフォームの両方で動作します。バックエンドが支払いを送信した後、レスポンスで顧客による追加手順が必要と示された場合にのみ Next Action を開いてください。ウィジェットは、対応する 3DS チャレンジまたは代替支払い方法 (APM) へのリダイレクトを表示し、コールバックを通じて結果を通知します。

次のデモでは、加盟店のチェックアウトから必要な支払い後のアクションへ、顧客体験がどのように続くかを示します。

このビデオは、顧客に表示される画面遷移を示します。統合では、以下で説明する支払いレスポンス、コールバック、バックエンドでの照合を引き続き使用してください。顧客がウィジェットで見た内容から最終的な支払いステータスを判断しないでください。

Next Actionを開くこれについて Athia に質問#

await DeunaSDK.initNextAction({
  orderToken,
  callbacks: {
    onSuccess: () => verifyOriginalOrder(),
    onError: (error) => recoverAfterVerification(error),
    onClosed: () => recoverAfterVerification(),
  },
});

await deunaSDK.initNextAction({
  orderToken,
  mode: 'modal',
  callbacks: {
    onSuccess: verifyOriginalOrder,
    onError: recoverAfterVerification,
    onClosed: recoverAfterVerification,
  },
});

let callbacks = NextActionCallbacks()
callbacks.onSuccess = { _ in verifyOriginalOrder() }
callbacks.onError = { error in recoverAfterVerification(error) }
callbacks.onClosed = { _ in recoverAfterVerification(nil) }

deunaSDK.initNextAction(
    orderToken: orderToken,
    callbacks: callbacks,
    language: "en"
)

val callbacks = NextActionCallbacks().apply {
    onSuccess = { verifyOriginalOrder() }
    onError = { error -> recoverAfterVerification(error) }
    onClosed = { recoverAfterVerification(null) }
}

deunaSDK.initNextAction(
    context = this,
    orderToken = orderToken,
    callbacks = callbacks,
    language = "en"
)

パラメータこれについて Athia に質問#

すべての結果を処理するこれについて Athia に質問#

リダイレクトおよびポップアップの要件これについて Athia に質問#

• SDKがサポートされている外部認証インターフェースを開くことを許可します。
• 顧客が離れる間、アプリケーションのライフサイクル状態を維持します。
• Webの場合、顧客の操作から開き、ウィジェットをサンドボックス化してポップアップやトップレベルのナビゲーションをブロックしないようにします。
• React Nativeの場合、外部リダイレクトコントローラがアクティブな間、SDKレンダラをマウントしたままにします。
• iOSおよびAndroidの場合、内部のWebViewブリッジを再作成するのではなく、維持されたSDKモダールまたは埋め込みコンポーネントを使用します。
• 成功したチャレンジ、拒否、顧客によるキャンセル、発行者タイムアウト、ネットワーク損失、およびバックグラウンドからの戻し。

組み込み表示これについて Athia に質問#

Web SDK は以下のをサポートします mode: 'target' más target; iOS および Android は組み込みウィジェットコンポーネントを公開し、React Native はそれを使用します DeunaWidget レンダラー。十分な初期の高さを確保し、サイズ変更に対応し、ホストがチャレンジコントロールをステイッキーフッターや画面キーボードの背後に隠さないようにしてください。

関連する参照これについて Athia に質問#