-
安装依赖
yarn install
-
找一个待支付的订单id (日常环境)
在
app.tsx
文件中 更新 orderIdyarn run dev
注意
⚠️ : 需要保持当前开发环境是登录状态
import Pay from '@tuya-fe/common-pay'
return <Pay orderId={'xxx'} successBackUrl={'xxx'} />
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 ,显示文案 |
- 微信,银行(连连),余额,paypal,这四种支付方式的回调链接由
successBackUrl
控制 - 支付宝回调域名+path 由服务端配置,query 由组件传入
aliPayParams
控制
用 node 10 build