メインコンテンツへスキップ

Payment Kit がシームレスな取引を実現する自動トップアップ機能を導入

wangshijun
ComponentsPayment KitWeb3 Kit

ArcBlock は、Payment Kit の機能強化である クレジットの自動トップアップ(Auto Top-Up for Credits) を発表いたします。

この新機能により、ユーザーは設定したしきい値に基づいてクレジットを自動的に補充できるようになり、サービスの中断を防ぎ、よりスムーズな決済体験を提供します。管理者は基本クレジット価格を定義でき、ユーザーは自身の Billing(請求) ページから直接クレジットの購入や自動トップアップの有効化を行うことができます。

今回のリリースにより、ユーザーは重要な取引中にクレジットが不足する心配がなくなり、安心してサービスを利用できるようになります。

Screenshot: feat(core): support auto top-up for credits to avoid service interruption

機能のハイライト

クレジットの自動トップアップ

新しい自動トップアップ機能は、ユーザーがクレジット残高を維持するための柔軟で信頼性の高い方法を提供します。

  • 管理者が定義する基本価格 – 一貫性と透明性を確保するため、管理者がクレジットの基本価格を設定します。
  • Billing ページからのアクセス – ユーザーは Billing(請求)ページから直接クレジットの購入や自動トップアップの設定が可能です。
  • 複数の支払い方法 – EVM 互換チェーンや Stripe など、幅広い決済オプションをサポートしています。
  • 支払いアカウントの補充 – クレジットの購入に加え、指定した支払いアカウントへの補充も可能です。
  • 支払い詳細の可視化 – 支払いフォームには支払者情報が明確に表示され、取引の透明性が向上します。
  • 高度なオプション – ユーザーは自動トップアップの 1 日あたりの制限を設定できます:
    • 1 日あたりの最大チャージ回数
    • 1 日あたりの最大合計補充金額

Screenshot: feat(core): support auto top-up for credits to avoid service interruption

Screenshot: feat(core): support auto top-up for credits to avoid service interruption

重要性:

  • 残高不足によるサービスの中断を防止します。
  • 自動化と 1 日の上限設定による管理機能を両立させています。
  • 高い需要があるミッションクリティカルなアプリケーションに理想的であり、シームレスな取引を保証します。

残高不足通知

Payment Kit に 残高不足通知(Low Balance Notification) 機能が追加されました。これにより、クレジットが少なくなった際にユーザーにアラートを送信します。このプロアクティブなアプローチにより、ユーザーは残高がクリティカルな状態になる前に把握でき、効果的にクレジットを管理できます。通知は明確で分かりやすく設計されており、予期せぬサービス停止を回避するのに役立ちます。

Screenshot: feat(api): implement low balance notification for customers

開発者向けの強化

@blocklet/payment-react ライブラリに 2 つの新しいコンポーネントが追加され、自動トップアップ機能の統合と管理が容易になりました。

AutoTopup – 自動補充設定を表示・管理するためのコンポーネントで、以下のレンダリングモードをサポートしています:

  • デフォルトモード(Default mode) – すべての設定項目を展開して表示し、完全なコントロールを提供します。
  • シンプルモード(Simple mode) – デフォルトでは折りたたまれており、必要に応じて詳細を展開できます。
  • カスタムモード(Custom mode) – モーダルのトリガー、設定状態、支払いデータにアクセスでき、レンダリングを完全に制御できます。

開発者は onConfigChange を通じて設定の変更をリッスンし、クレジット残高の更新や UI 要素の変更を行うことができます。

AutoTopupModal – しきい値、支払い方法、購入金額などの自動補充設定をユーザーが行えるモーダルインターフェースです:

  • 設定結果を処理するための成功・エラーコールバックをサポートしています。
  • デフォルトで自動補充を有効にした状態で初期化可能です(defaultEnabled={true})。
  • 既存の支払いページや請求管理ページに簡単に埋め込むことができます。

これらのコンポーネントは柔軟な統合オプションを提供し、アプリケーション内でシームレスな自動トップアップ体験を直接実現します。

ユーザーエクスペリエンスの向上

境界線の色の統一とレイアウトの一貫性 – Payment Kit のインターフェース全体にわたって、デザインのアップデートが適用されました。境界線の色やコンポーネントのレイアウトが標準化され、より統一感のあるプロフェッショナルなユーザー体験を提供します。

今後の展望

今後も Payment Kit の機能を拡張し続けていく予定です。次回のアップデートには以下が含まれる可能性があります:

  • より多くのプラットフォームやツールと接続するためのサービス連携
  • ビジネスに柔軟なプロモーションオプションを提供する割引コードのサポート
  • 選択肢を広げ、グローバルなアクセシビリティを向上させるための追加の支払い方法

ロードマップは、すべてのユーザーにとっての柔軟性の向上、連携の強化、そしてよりスムーズな決済体験の実現に引き続き焦点を当てています。

リソース

Payment Kit の詳細およびドキュメントについては、以下のリソースをご覧ください。

このページに関わるもの

製品

  • Payment Kit superseded

    Blocklet 向けの請求、サブスクリプション、チェックアウト。プロモーションや代理支払いにも対応します。この機能は ARC に統合され、単体の Blocklet は保守されていません。

  • Web3 Kit superseded

    オンチェーンのデータとアカウントを扱う Blocklet 側の部品。この機能は ARC に統合され、単体の Blocklet は保守されていません。