Payment Kit 推出自动充值功能,带来无缝交易体验

ArcBlock 很高兴地宣布 Payment Kit 的重要增强功能:Credit 自动充值(Auto Top-Up for Credits)。
这一新功能允许用户根据可配置的阈值自动为账户充值 Credit,确保服务不中断并带来更流畅的支付体验。管理员可以定义 Credit 的基础价格,用户可以直接在 Billing 账单页面 购买 Credit 或启用自动充值功能。
通过这一更新,用户可以安心使用,再也不必担心在关键交易过程中因余额不足而受到影响。

功能亮点
Credit 自动充值
全新的自动充值功能为用户提供了一种灵活可靠的方式来维持 Credit 余额:
- 管理员定义购买套餐价格– 管理员配置 Credit 的基础价格,确保一致性和透明性。
- 访问账单页面 – 用户可直接在账单页面购买积分并开启自动充值。
- 多种支付方式 – 支持多种支付选项,包括EVM兼容链和Stripe支付。
- 账户充值支持 – 除了购买 Credit,用户还可以为指定的支付账户充值。
- 付款信息透明度 – 付款表单清晰显示付款人信息,确保交易过程透明。
- 高级选项 – 用户可设置每日自动充值限额,具体如下:
- 每日充值次数上限
- 每日充值限额


意义所在:
- 防止服务因余额不足而中断
- 在自动化与可控性之间找到平衡(通过每日上限)
- 特别适合高需求和关键任务场景,确保交易不中断
低余额提醒
Payment Kit 现已新增 低余额提醒 功能,当用户的 Credit 余额不足时会主动发出通知。这一机制帮助用户提前掌握余额情况,避免突发的服务中断。通知设计清晰易懂,方便用户及时采取措施。

开发者改进
@blocklet/ui-react 库新增了两个组件,简化了自动充值功能的集成和管理:
AutoTopup – 用于展示和管理自动充值配置,支持多种渲染模式。
- 默认模式 – 全面展开的显示界面,方便进行全方位控制
- 简洁模式 – 默认收起,可展开查看详情
- 自定义模式 – 完全掌控渲染过程,可访问模态触发器、配置状态和支付数据
开发者可通过监听 onConfigChange 事件来获取配置变更信息,从而刷新信用余额或更新界面元素。
AutoTopupModal – 用户可通过此弹窗配置自动充值设置,包括充值阈值、支付方式和充值金额。
- 支持配置结果的成功和失败回调
- 可设置为默认启用自动充值进行初始化(
defaultEnabled={true}) - 易于嵌入现有的支付或账单管理页面
这些组件提供灵活的集成选项,方便应用直接内置无缝的自动充值功能。
用户体验提升
边框颜色和布局统一 – Payment Kit 界面已进行美观度更新,边框颜色和组件布局现已标准化,带来更一致、专业的用户体验。
接下来计划
未来,我们将持续扩展 Payment Kit 的功能。即将发布的更新可能包括:
- 服务集成,与更多平台和工具互联
- 支持折扣码功能,赋予商家灵活的促销手段
- 拓宽支付方式选择,提升全球访问便捷性
发展路线图依然侧重于提升灵活性、增强集成能力,并为所有用户打造更顺畅的支付体验。
相关资源
如需了解更多关于 Payment Kit 的信息及完整文档,请访问以下资源:
本页涉及
产品
-
Payment Kit
superseded
为 Blocklet 提供计费、订阅和结账,包括促销和代付。这部分工作已并入 ARC;独立的 Blocklet 不再维护。
-
Web3 Kit
superseded
在 Blocklet 一侧处理链上数据和账户的那些部件。这部分工作已并入 ARC;独立的 Blocklet 不再维护。