更新记录
1.0.1(2025-05-31)
下载此版本
- 【重要】
handlePaypal
参数规范化调整
returnUrl
和 cancelUrl
不再是插件内部进行固定校验,而是有开发者自己作为参数传入,插件内部再去获取 paypal 的回调地址进行比对
1.0.0(2025-05-24)
下载此版本
新增 paypal 支付插件
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
- |
- |
- |
- |
5.0 |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
5.0 |
- |
- |
- |
es-paypal
APP 内 paypal 弹窗支付,后端生成支付连接,前端直接弹窗支付,避免跳转到 webview 或浏览器支付
使用文档
- 后端调用
paypal api
生成支付链接时,需要给 paypal
传递 return_url
和 cancel_url
。
- 后端生成支付链接后,前端调用
handlePaypal
进行支付,handlePaypal
需要传递 params
参数。
params
参数结构如下:
link(必传)
: 由后端生成的支付链接
returnUrl(必传)
: 需和后端生成支付链接时,传给 paypal
的 return_url
一致(建议接口再返回支付链接时一起返回)。
cancelUrl(必传)
: 需和后端生成支付链接时,传给 paypal
的 cancel_url
一致(建议接口再返回支付链接时一起返回)。
callback(非必传)
: 支付成功、支付失败、取消支付都会执行这个回调。返回值:status
,1:表示支付成功,0:表示支付失败/取消。
-
<template>
<view class="content">
<button
@click="
handlePaypal()
"
>
paypal支付
</button>
</view>
</template>
<script setup>
// #ifdef APP
import { handlePaypal } from "../../uni_modules/es-paypal";
// #endif
const handlePaypal = (url) => {
const url = handlePaypal({
link: 'https://www.sandbox.paypal.com?checkoutnow?token=xxxxxxxx',
returnUrl: 'https://xxx.yyy.zzz?aaa=success',
cancelUrl: 'https://xxx.yyy.zzz?aaa=failure',
callback(status) {
if (status === 1) {
console.log('支付成功');
} else {
console.log('支付失败/取消');
}
}
});
};
</script>