跳到主要内容

Vibe Pay

适用范围

Vibe Pay 面向线上电子商品和数字化权益，例如会员、额度、数字内容和功能解锁。不适用于需要库存、物流、收货地址或实体发货的商品。

Vibe Pay 把商品配置、支付宝收款和应用内购买串成一条流程。商家先在 WeaveFox 创建电子商品并绑定支付宝，再让 AI 将商品展示、购买入口和权益校验接入应用。用户付款后，资金进入绑定的商家支付宝账户。

本文根据配套演示视频整理，界面文案可能随版本更新略有差异。

接入前准备​

  • 一个可登录的 WeaveFox 账号
  • 一个可用于收款的支付宝商家账号
  • 已明确的商品名称、商品说明、价格和权益内容
  • 应用中用于展示商品和发放权益的页面或功能

接入流程​

1. 打开 Vibe Pay​

进入 WeaveFox 控制台，在能力或应用服务列表中找到 Vibe Pay，打开 Vibe Pay 管理页。首次使用时，按页面提示开始绑定商家支付宝。

WeaveFox 中的 Vibe Pay 入口

2. 创建线上电子商品​

切换到「商品管理」，点击「添加商品」。填写商品名称、商品描述和交付说明；只填写线上可交付的内容，不要把物流或收货地址作为商品字段。确认后保存商品。

添加 Vibe Pay 商品

保存后会生成商品记录。商品还需要完成支付宝绑定和购买方案配置，才可以被应用使用。

3. 扫码绑定支付宝商家​

在商品详情或绑定提示中打开配置二维码，用支付宝扫一扫。按照支付宝页面完成登录、商家授权和收款账户确认。请使用实际收款主体对应的支付宝账号；绑定完成前不要把二维码分享给他人。

使用支付宝扫码绑定商家

4. 配置购买方案​

在支付宝打开 Vibe Pay 页面后，为商品设置购买方案，包括价格、有效期或可用次数等权益参数。核对金额、权益和适用商品后提交；返回 WeaveFox 商品管理页并刷新状态。

在支付宝中配置商品和购买方案

当商品显示为已配置或已启用，再进入下一步。若状态仍在同步，稍后刷新，不要重复创建同一商品。

5. 让 AI 接入应用​

在应用开发对话中明确说明要接入 Vibe Pay，并告诉 AI：

  1. 要展示哪些已启用商品和购买方案；
  2. 用户点击购买后如何跳转支付宝；
  3. 购买成功后要开放哪些内容、功能或额度；
  4. 权益校验失败、订单处理中和重复购买时如何提示。

可以直接使用下面的提示词：

为我的应用接入 Vibe Pay：展示已启用的线上电子商品和购买方案；用户点击购买后引导至支付宝；购买结果确认后，再开放对应的内容、功能或使用额度。请处理订单处理中、购买失败、重复购买和权益查询延迟等状态，并提供清晰的用户提示。

让 AI 生成代码后，检查商品 ID、方案 ID 和权益映射是否对应当前 Vibe Pay 配置，再进行预览或测试。

在应用开发对话中请求 AI 接入 Vibe Pay

6. 在应用中发起购买​

打开应用预览，确认商品卡片展示了正确的名称、价格和权益。点击购买入口，使用支付宝扫码或跳转支付宝完成付款。

应用中的 Vibe Pay 购买二维码

购买页只展示已配置并启用的商品。不要把测试商品、已下架商品或价格未确认的方案暴露给正式用户。

7. 确认付款结果​

付款完成后，等待页面返回或刷新订单状态。支付页面返回不等于权益已经确认；应用应以 Vibe Pay 查询到的最终订单状态为准。处理中时提示用户稍后重试，避免重复支付。

支付宝付款结果页面

8. 校验权益并开放功能​

订单确认成功后，应用再根据商品方案发放会员、次数、内容或功能权限。回到 Vibe Pay 商品页检查商品状态和配置，确保后台记录与应用展示一致。

Vibe Pay 商品状态和配置详情