メインコンテンツへスキップ
すべてのシステムが正常に動作しています変更履歴v1
ログイン

Bizum を Widget を通じて利用

このページで

このセクションでは、DEUNA の Payment Widget を使用して Bizum を統合する方法について説明します。ユーザーは、自身の銀行アプリで支払いを承認し、DEUNA はポーリングと Webhook を通じて最終的なステータスを決定します。


前提条件#

Bizum の支払い実装前に、以下の点を確認してください:

  1. DEUNA 管理パネルで Bizum を有効にする
  2. 生成された注文トークン。
  3. プロジェクトに DEUNA SDK を統合してください。
  4. レビューを実施しました 支払いウィジェットのドキュメント ご自身のプラットフォーム向けに。

支払い方法の設定#

表示決済ウィジェット。Mercado Pagoの設定を渡すことで。 paymentMethods parameter.

JSON
[
    {
    "paymentMethod": "bank_transfer",
    "processors": ["bizum_push"]
    }
]

Web上の支払いウィジェット#

JavaScript
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'bank_transfer',
      processors: ['bizum_push'],
    },
  ],
  callbacks: { ... },
});

Android用の支払いウィジェット#

Kotlin
// MODAL
deunaSDK.initPaymentWidget(
    context = context,
    orderToken = orderToken,
    callbacks = PaymentWidgetCallbacks().apply { ... },
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "bank_transfer",
            "processors" to listOf("bizum_push")
        )
    )
)

/// EMBEDDED
PaymentWidgetConfiguration(
    orderToken = orderToken,
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "bank_transfer",
            "processors" to listOf("bizum_push")
        )
    ),
    callbacks = PaymentWidgetCallbacks().apply { ... },
    sdkInstance = deunaSDK
)

iOS用の支払いウィジェット#

Swift
/// MODAL
deunaSDK.initPaymentWidget(
 orderToken: "<DEUNA order token>",
 userToken: ..., // optional
 styleFile: ..., // optional
 callbacks: ...,
 paymentMethods: [
   [ 
     "paymentMethod": "bank_transfer",
     "processors": ["bizum_push"],
   ]
 ]
)

// EMBEDDED
DeunaWidget(
  deunaSDK: deunaSDK,
  configuration: PaymentWidgetConfiguration(
    orderToken: "YOUR_ORDER_TOKEN",
    callbacks: PaymentWidgetCallbacks(
      onSuccess: { order in },
      onError: { error in },
      onEventDispatch: { event, data in }
    ),
     paymentMethods: [
       [ 
         "paymentMethod": "bank_transfer",
         "processors": ["bizum_push"]
       ]
     ]
  )
)

支払いウィジェット - React Native#

JavaScript
/// MODAL
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'bank_transfer',
      processors: ['bizum_push'],
    },
  ],
  callbacks: { ... },
});