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

Payment v1.17.0: SubGuard™ と Delegation Check でサブスクリプションを継続

Xiao Fang
ComponentsPayment KitProduct ReleaseWeb3 Kit

ここ数週間、私たちは Payment Kit に対して、ユーザーにより柔軟で効率的な決済体験を提供するためのいくつかの機能アップグレードとパフォーマンスの最適化を実施しました。今回のアップデートでは、消費者、管理者、および開発者の体験を大幅に向上させる新しい SubGuard™ 機能と Delegation Check（委任チェック）のサポートに焦点を当てています。

コンシューマー体験

  • SubGuard™ の導入

今回のアップデートで際立っている SubGuard™ 機能は、サブスクリプションサービスの継続性を維持し、決済の失敗によるサービスの中断を防ぐために設計されています。ユーザーはステーキング額を指定することで、サブスクリプション期間全体を通じて完全な保護が保証され、サービスを中断することなく利用できます。この機能はサブスクリプションの詳細ページで有効にできます。システムは保護期間中の決済問題を自動的に管理し、サブスクリプションサービスに影響が出ないようにします。

SubGuard™ は、ArcBlock 独自のブロックチェーンベースのステーキングおよびスラッシングメカニズムに基づいており、ブロックチェーンベースのステーキングの新たな活用シナリオを示しています。

image.png

    • サポート範囲
      • 現在、この機能は ArcBlock トークンをサポートしています（USD および ETH はサポートされていません）。
      • ユーザーはサブスクリプションの詳細ページで SubGuard™ を有効にし、ステーキング額を指定できます。
    • 柔軟なガードメカニズム
    • image.pngimage.png
      • ステーキング額の要件: ステーキング額は、見積もられた請求額と SubGuard™ の手数料をカバーする必要があります。少なくとも 1 回の請求サイクル分以上の手数料をステーキングすることをお勧めします。
      • 保護期間: SubGuard™ が有効になると、システムは保護期間中、サブスクリプションサービスが継続されることを保証します。決済問題が発生した場合でも、ユーザーは最終的に請求書を決済する必要があります。
      • 請求書決済ルール:
      • image.png
        • ユーザーが自発的に請求書を決済する場合、サービス手数料は発生しません。
        • 保護期間を過ぎても請求書が決済されない場合、システムは自動的にステーキングを使用して清算し、サービス手数料を適用します。
    • ユーザーマニュアル
    • image.pngimage.png
      • SubGuard™ が有効な状態でステーキング額が不足している場合、システムから通知が届きます。サブスクリプションのステータスに関する通知を速やかに確認してください。
      • 請求書が決済されると、ユーザーはステーキング額の回収を含め、SubGuard™ 機能を無効にすることもできます。サブスクリプションがキャンセルされた場合、残りのステーキングはシステムによって自動的に返却されます。
  • Delegation Check（委任チェック）

アプリケーションの委任（Delegation）を取り消すことはお勧めしませんが、取り消し後のサブスクリプション請求の中断を防ぐため、サブスクリプション詳細ページに委任チェック機能を実装しました。現在のサブスクリプションに委任が不足している場合、ユーザーは詳細ページから直接決済の再委任を行うことができます。

image.png

デベロッパー体験

@blocklet/payment-react を更新し、期限切れのサブスクリプション請求書の支払プロセスを合理化するために設計された新しい OverdueInvoicePayment コンポーネントを追加しました。これには、高速な一括支払い機能やカスタムレンダリングオプションが含まれており、開発者にさらなる柔軟性と優れたユーザー体験を提供します。

  • 主な機能
    • 回収不能な請求書の合計を素早く確認し、同じ通貨で一括支払いを行うことができます。
    • 現在 USD はサポートされていませんが、サブスクリプションの請求書情報は表示可能です。
    • さまざまな状況の要件を満たすために、デフォルトモードとカスタマイズ可能モードの両方を提供します。

image.png

  • コンポーネントの入力説明
    • subscriptionId (必須): サブスクリプションの一意識別子。
    • onPaid (任意): 支払いが成功したときに呼び出されるコールバック関数。
    • mode (任意): コンポーネントのモード。default と custom をサポートし、デフォルトは default です。
    • dialogProps (任意): ダイアログボックスの設定。デフォルトは { open: true } です。
    • children (任意): custom モードで支払いデータを処理するレンダリング関数。
  • 使用例
    • デフォルトモード
javascript
 <OverdueInvoicePayment subscriptionId={data.id} onPaid={() => console.log('Paid successfully')} />
    • カスタムモード
javascript
// handlePay: The function to initiate the payment process.
// data: Payment data associated with the subscription.
// subscription: Information related to the subscription.
// summary: A summary of the payment, categorized by currency.
// invoices: A list of outstanding invoices for the subscription.
// subscriptionUrl: The URL link to view the subscription details.
<OverdueInvoicePayment subscriptionId={data.id} onPaid={() => console.log('Paid successfully')} mode="custom">
  {(handlePay, { subscription, summary, invoices, subscriptionUrl }) => (
    <div>
      <p>Subscription Name: {subscription.name}</p>
      <p>Current Currency Total: {summary[currencyId]?.amount}</p>
      <p>Invoice Count: {invoices.length}</p>
      <p>Subscription Details: <a href={subscriptionUrl}>View Details</a></p>
      <button onClick={() => handlePay(summary[currencyId])}>Pay Now</button>
    </div>
  )}
</OverdueInvoicePayment>

管理者体験

  • 請求の監視と分類

新しい利用状況監視機能が追加され、異常および正常なサブスクリプション請求情報の両方を毎日通知するようになりました。これにより、管理者は問題を迅速に解決でき、請求管理の効率が向上します。

image.png

改善と修正

  • Safari での製品作成中に画像アップロードウィンドウが途切れる問題を解決し、互換性を向上させました。
  • 請求書支払いの体験を向上させました。
    • 一括支払いが完了した際の通知を 1 回にまとめ、繰り返しの通知を最小限に抑えました。
    • 期限切れの請求書の支払いが完了すると、システムは自動的に前のページに戻ります。
  • 資金追加（Add Funds）体験の最適化
    • サブスクリプション詳細ページに残高情報を表示し、残高不足時に素早くクリックして資金を追加できるようにしました。
    • 資金追加ページはデフォルトで詳細入力が表示されるようになり、他の操作による注意散漫を最小限に抑えました。
  • モバイル版のサブスクリプション詳細ページにおけるボタン表示を改善し、より優れたレスポンシブレイアウト体験を提供します。

image.png

共に改善：コミュニティ主導のアップデート

私たちは、Payment Kit を改善するために皆様からのフィードバックを取り入れることに専念しています。継続的なサポートと関与に感謝いたします。皆様のフィードバックが今回のリリースでどのように役立ったかを見てみましょう。

新バージョンのガイド

  • ローカルアプリケーション: Payment Kit を最新バージョンにアップデートし、ローカルコンポーネントである @blocklet/payment-js および @blocklet/payment-react も最新バージョンに更新されていることを確認してください。
  • オンラインアプリケーション: Blocklet Launcher、DID Spaces、または NFT Studio を使用している場合は、対応するバージョンのアプリケーションをアップデートできます。

改善にご協力ください

ご利用中にリクエスト、提案、またはお問い合わせがある場合は、ぜひコミュニティを訪れてフィードバックを共有してください。

ArcBlock Community

オーディオ概要を聴く

このページに関わるもの

製品

  • Payment Kit superseded

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

  • Web3 Kit superseded

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