更新记录
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>