Skip to content

Commit b2e4ba2

Browse files
committed
docs: improve Vibe Pay integration guide
1 parent 427e56d commit b2e4ba2

1 file changed

Lines changed: 65 additions & 29 deletions

File tree

Lines changed: 65 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,91 @@
11
---
22
title: Vibe Pay
3-
description: 绑定商家支付宝,创建、配置并上架线上电子商品;用户付款后资金进入商家支付宝余额,AI 可快速为应用接入购买和权益使用流程。
3+
description: 绑定商家支付宝,创建线上电子商品,并让 AI 为应用接入购买和权益流程。
44
sidebar_position: 13
55
---
66

77
# Vibe Pay
88

9-
:::note[WeaveFox 云]
10-
WeaveFox 平台云服务
9+
:::note[适用范围]
10+
Vibe Pay 面向线上电子商品和数字化权益,例如会员、额度、数字内容和功能解锁。不适用于需要库存、物流、收货地址或实体发货的商品。
1111
:::
1212

13-
Vibe Pay 是面向线上电子商品和数字化权益的商品收费服务。你可以通过支付宝快速完成商户绑定、电子商品和购买方案配置,再由 AI 帮助应用接入商品展示、购买入口与购买后的权益处理,让商业化功能更快上线。**用户完成购买后,支付金额会同步至商家绑定的支付宝账户余额。**
13+
Vibe Pay 把商品配置、支付宝收款和应用内购买串成一条流程。商家先在 WeaveFox 创建电子商品并绑定支付宝,再让 AI 将商品展示、购买入口和权益校验接入应用。用户付款后,资金进入绑定的商家支付宝账户。
1414

15-
> Vibe Pay 当前的收费模式围绕应用内线上交付设计,不适用于需要库存、物流、收货地址或发货流程的实体商品。
15+
本文根据配套演示视频整理,界面文案可能随版本更新略有差异。
1616

17-
## 功能特性
17+
## 接入前准备
1818

19-
- **快捷绑定商户**:通过支付宝进入 Vibe Pay,完成商户身份与收款能力绑定
20-
- **统一管理电子商品**:集中创建线上电子商品、维护状态并配置对应购买方案
21-
- **支付宝托管购买**:应用用户通过支付宝完成购买,无需自行搭建收银台
22-
- **AI 快速接入**:根据应用需求生成商品展示、购买入口和业务校验代码
23-
- **实时同步状态**:应用可以获取商品配置、购买方案与购买后的最新状态
19+
- 一个可登录的 WeaveFox 账号
20+
- 一个可用于收款的支付宝商家账号
21+
- 已明确的商品名称、商品说明、价格和权益内容
22+
- 应用中用于展示商品和发放权益的页面或功能
2423

25-
## 使用场景
24+
## 接入流程
2625

27-
- AI 工具、内容产品和应用增值功能
28-
- 数字内容、在线服务和咨询服务
29-
- 应用功能解锁、会员权益和使用额度
30-
- 需要快速验证商业模式的应用
31-
- 希望减少商户绑定与支付接入开发工作的项目
26+
### 1. 打开 Vibe Pay
3227

33-
## 如何使用
28+
进入 WeaveFox 控制台,在能力或应用服务列表中找到 **Vibe Pay**,打开 Vibe Pay 管理页。首次使用时,按页面提示开始绑定商家支付宝。
3429

35-
### 1. 绑定商户并创建电子商品
30+
![WeaveFox 中的 Vibe Pay 入口](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/T2KjQZa69QgAAAAAREAAAAgADthvAQFr/original)
3631

37-
切换到「商品管理」,点击「添加商品」并填写线上电子商品信息。随后通过支付宝进入 Vibe Pay,首次使用时按页面提示完成商户绑定。
32+
### 2. 创建线上电子商品
3833

39-
### 2. 配置购买方案
34+
切换到「商品管理」,点击「添加商品」。填写商品名称、商品描述和交付说明;只填写线上可交付的内容,不要把物流或收货地址作为商品字段。确认后保存商品。
4035

41-
添加后会生成配置二维码。打开支付宝「扫一扫」进入 Vibe Pay,在页面中设置商品价格和购买方案。配置完成后返回 WeaveFox,刷新商品状态即可。
36+
![添加 Vibe Pay 商品](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/O0G6R5tjG0UAAAAAQlAAAAgADthvAQFr/original)
4237

43-
### 3. 在应用中使用
38+
保存后会生成商品记录。商品还需要完成支付宝绑定和购买方案配置,才可以被应用使用。
4439

45-
在应用开发对话中说明你的需求,例如:
40+
### 3. 扫码绑定支付宝商家
4641

47-
> 为我的应用接入 Vibe Pay,展示已配置的线上电子商品和购买方案,引导用户完成购买,并在确认权益后开放对应的应用内容或功能。
42+
在商品详情或绑定提示中打开配置二维码,用支付宝扫一扫。按照支付宝页面完成登录、商家授权和收款账户确认。请使用实际收款主体对应的支付宝账号;绑定完成前不要把二维码分享给他人。
4843

49-
AI 会为应用生成商品列表、购买入口和购买后业务处理所需的代码。请选择已经完成配置并启用的商品。
44+
![使用支付宝扫码绑定商家](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/HyTcRZLXVREAAAAAQ1AAAAgADthvAQFr/original)
5045

51-
### 4. 用户购买和使用
46+
### 4. 配置购买方案
5247

53-
应用用户选择电子商品和购买方案后,通过支付宝完成付款。购买或权益结果确认后,应用即可开放对应的线上内容、功能或使用额度。
48+
在支付宝打开 Vibe Pay 页面后,为商品设置购买方案,包括价格、有效期或可用次数等权益参数。核对金额、权益和适用商品后提交;返回 WeaveFox 商品管理页并刷新状态。
5449

55-
> 支付页面返回不代表购买结果已经确认。应用会重新查询最新购买状态,结果存在延迟时可稍后刷新。
50+
![在支付宝中配置商品和购买方案](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/kgXeQYa1lE4AAAAAQgAAAAgADthvAQFr/original)
51+
52+
当商品显示为已配置或已启用,再进入下一步。若状态仍在同步,稍后刷新,不要重复创建同一商品。
53+
54+
### 5. 让 AI 接入应用
55+
56+
在应用开发对话中明确说明要接入 Vibe Pay,并告诉 AI:
57+
58+
1. 要展示哪些已启用商品和购买方案;
59+
2. 用户点击购买后如何跳转支付宝;
60+
3. 购买成功后要开放哪些内容、功能或额度;
61+
4. 权益校验失败、订单处理中和重复购买时如何提示。
62+
63+
可以直接使用下面的提示词:
64+
65+
```text
66+
为我的应用接入 Vibe Pay:展示已启用的线上电子商品和购买方案;用户点击购买后引导至支付宝;购买结果确认后,再开放对应的内容、功能或使用额度。请处理订单处理中、购买失败、重复购买和权益查询延迟等状态,并提供清晰的用户提示。
67+
```
68+
69+
让 AI 生成代码后,检查商品 ID、方案 ID 和权益映射是否对应当前 Vibe Pay 配置,再进行预览或测试。
70+
71+
![在应用开发对话中请求 AI 接入 Vibe Pay](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/9fXrTovzr4QAAAAAQ1AAAAgADthvAQFr/original)
72+
73+
### 6. 在应用中发起购买
74+
75+
打开应用预览,确认商品卡片展示了正确的名称、价格和权益。点击购买入口,使用支付宝扫码或跳转支付宝完成付款。
76+
77+
![应用中的 Vibe Pay 购买二维码](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/RkzMQLb_pOMAAAAARLAAAAgADthvAQFr/original)
78+
79+
购买页只展示已配置并启用的商品。不要把测试商品、已下架商品或价格未确认的方案暴露给正式用户。
80+
81+
### 7. 确认付款结果
82+
83+
付款完成后,等待页面返回或刷新订单状态。支付页面返回不等于权益已经确认;应用应以 Vibe Pay 查询到的最终订单状态为准。处理中时提示用户稍后重试,避免重复支付。
84+
85+
![支付宝付款结果页面](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/4l8PR7lMMrcAAAAAQUAAAAgADthvAQFr/original)
86+
87+
### 8. 校验权益并开放功能
88+
89+
订单确认成功后,应用再根据商品方案发放会员、次数、内容或功能权限。回到 Vibe Pay 商品页检查商品状态和配置,确保后台记录与应用展示一致。
90+
91+
![Vibe Pay 商品状态和配置详情](https://mdn.alipayobjects.com/huamei_2iaz7a/afts/img/fbXPSac7EiAAAAAARHAAAAgADthvAQFr/original)

0 commit comments

Comments
 (0)