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

Fintoc をウィジェット経由で利用

このページで

このセクションでは、DEUNA の Payment Widget を使用して Fintoc を統合する方法について説明します。ユーザーは、銀行にログインして支払いを承認するために、Fintoc がホストするページにリダイレクトされます。DEUNA は、最終的なステータスをポーリングとウェブフックを通じて解決します。

前提条件#

Fintoc 決済を実装する前に、以下の点を確認してください。

  1. DEUNA 管理パネルで Fintoc を有効にする。 Fintoc を 接続 ご自身の Secret API Key, Public API Key、商社名、および通貨（CLP）を指定してください。詳細は、 Fintoc.
  2. のドキュメントを参照してください。 注文トークン を返します CLP.
  3. 次の DEUNA SDK が、プロジェクトに統合されています。
  4. レビューを実施しました 支払いウィジェットのドキュメント ご自身のプラットフォーム向けに。

支払い方法の設定#

以下の情報を表示する 決済ウィジェット Fintocの設定を渡すことで、 paymentMethods parameter.

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

決済ウィジェット – Web#

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

決済ウィジェット – Android#

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

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

決済ウィジェット – iOS#

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

// 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": ["fintoc"]
      ]
    ]
  )
)

決済ウィジェット – React Native#

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

カスタマイズ#

Fintocの画面は、標準的なウィジェットのカスタマイズをサポートしています。 カスタムスタイル:

  • 商標ロゴ
  • 支払い方法選択のタイトル
  • Powered by DEUNA

詳細は CustomStylesを使用してウィジェットのUI/UXをカスタマイズ.

テスト#

Fintoc のサンドボックス認証情報を利用してください:

パラメータValue
RUT41.579.263-8
オンラインバンキングのパスワードjonsnow
SMS 認証コード0000
通貨CLP
環境https://api.sandbox.deuna.io

制限事項#

  • 以下のいずれかの方法で利用可能。 チリ only.
  • 以下の機能をサポート CLP only.
  • 購入者は、Fintoc でサポートされている銀行の有効なアカウントを持っている必要があります。
  • このフローでは、定期支払いには対応していません。