0.7.11 • Published 3 years ago
pb-pay-u v0.7.11
开发
安装依赖
yarn install找一个待支付的订单id (日常环境)
在
app.tsx文件中 更新 orderIdyarn run dev注意⚠️： 需要保持当前开发环境是登录状态
使用方法
基础使用
import Pay from '@tuya-fe/common-pay'
return <Pay orderId={'xxx'} successBackUrl={'xxx'} />props 说明
| key | 类型 | 是否可选 | 值 |
|---|---|---|---|
| orderId | string | 是 | orderId、orderIdMaster、mergeId 三选一 |
| orderIdMaster | string | 是 | orderId、orderIdMaster、mergeId 三选一 |
| mergeId | string | 是 | orderId、orderIdMaster、mergeId 三选一，传入 mergeId 后，orderDetail 需要自己拼出来 |
| bankList | string | 是 | （组件中会自己在客户端请求, 可手动插入支持服务端渲染) |
| type | array | 是 | 'bank', 'ali', 'weChat', 'paypal', 'offline', 'balance', 'stripe' |
| lang | enum | 是 | 'zh', 'en' |
| successBackUrl | string | 否 | 在 stripe 支付时必须传全长绝对的 url |
| aliPayParams | object | 是 | 支付宝额外参数，可能根据项目不同 |
| bankPayParams | object | 是 | 银行支付额外参数，可能根据项目不同 |
| extraClass | string | 是 | 额外样式 |
| offlineExtra | any | 是 | 线下支付额外组件 |
| rechargeUrl | string | 是 | 余额不足支付链接 |
| username | string | 是 | 用户名 |
| isRecharge | boolean | 是 | 是否充值余额，为 true 的情况下隐藏余额支付 tab |
| onTabClick | function | 是 | tab 被点击的回调 function(key: string, event: MouseEvent) |
| showOfflineTips | boolean | 是 | 控制线下汇款 tab 中的重要提示的显示隐藏，默认为true,显示文案 |
支付回调 url 说明
- 微信，银行（连连），余额，paypal，这四种支付方式的回调链接由
successBackUrl控制 - 支付宝回调域名+path 由服务端配置，query 由组件传入
aliPayParams控制
如果项目需要用单独的支付接口或其他接口，支持传入方式复写，需保证返回格式与组件内一直，具体看组件代码。
开发
用 node 10 build