uni-app：实现PayPal支付功能

2024-05-11 00:04:23

一、相关文档或网址

1、uni-app官方文档地址：开通 | uni-app官网

2、paypal开发者中心：Applications - PayPal Developer

二、开发流程

1、开发前配置：

（1）登录账号后新建项目：Sandbox是沙盒项目（用于测试），Live是线上项目。

（2）Client ID 是我们后面需要用到的

（3）再往下的沙盒配置中，需要结合项目配置信息了。

首先配置项目发行App时的包名：

然后在manifest.json -> App模块配置中配置Payment：

最后在开发者中心项目管理的沙盒配置中配置重定向信息：

（4）配置登录信息：

配置完两个协议网址后点击保存，Paypal配置完成。

2、开发代码

// #ifdef H5
window.location.href = pathUrl; //H5端跳转到paypal支付页面
// #endif
// #ifdef APP-PLUS
let orderInfo = {"clientId": "***", //开发者中心clientId"orderId": "***", //订单id"userAction": "continue", //按钮样式 paynow/continue"currency":"USD", //币种"environment":"sandbox" //运行环境 sandbox(沙盒) / live(线上)
};
uni.getProvider({service: 'payment',success: function (res) {if (~res.provider.indexOf('paypal')) {uni.requestPayment({"provider": "paypal", "orderInfo": orderInfo,success: function (response) {console.log('success:' + JSON.parse(response.rawdata));},fail: function (err) {console.log('fail:' + JSON.stringify(err));}});}else{uni.showToast({title: '抱歉，当前您的系统暂不支持使用Paypal支付。',icon: 'none'})}}
});
// #endif

注：

pathUrl是我们项目中后端接口返回的paypal支付网址；

clientId是(2)步中开发者中心项目配置中的数据；

orderId也是后端接口中返回的数据，如何生成这个数据见官方文档：Orders

三、运行效果

本地测试的时候我是打了自定义基座包后运行的，配置项都正确的话，uni.getProvider方法可以获取到"paypal"的支付方式，然后uni.requestPayment方法调起支付，打开浏览器并开始确认支付。支付完成后会提示你返回应用程序，并触发支付成功或失败的回调。

注：沙盒测试账号可以在paypal开发者中心里查看和配置：

四、支付完成

paypal对接到此结束，希望对你的开发能有一点点的帮助。

uni-app：实现PayPal支付功能相关推荐

Hbuildx 使用vue打包的App实现微信支付功能
很多兄弟在做App微信支付的时候出现报错,code:62000? code:-1? code:-100? 那是你没看本博主的文章! 前言: 本文章使用的是vue+h5+plus技术,结合hbuildx ...
微信境外支付php_PHP实现 APP端微信支付功能
前面已经写了手机APP支付宝支付,今天再把手机APP微信支付补上,前期的准备工作在这里就不多说了,可以参考微信支付开发文档,一定要仔细阅读开发文档,可以让你少踩点坑:准备工作完成后就是配置参数,调用统 ...
APP接入支付宝支付功能
适用场景在App内集成支付宝支付.APP调用支付宝提供的SDK,SDK再调用支付宝APP内的支付模块.如果用户已安装支付宝APP,商家APP会跳转到支付宝中完成支付,支付完后跳回到商家APP内.如果 ...
APP中的第三方“支付”功能该如何测试
经过最近几个项目的测试,APP中带有支付功能的产品有很多,那么APP中带有第三方支付功能的产品在这一模块该如何测试才尽可能的测试完整. 正常流程: 正常使用支付宝.微信.银行卡(目前使用最多的第三方支 ...
paypal html5 支付,uniapp 对接 paypal支付（h5，app端）
由于工作需要,需要对接国外的PayPal支付,前端框架用的又是UNIAPP,众所周知UNIAPP国内的生态环境还可以,但是到了国外嘛嘿嘿懂得都懂. uniapp app对接Paypal支付作 ...
如何在app应用中添加支付宝支付功能
推广排名q.q①⑨⑨⑦〇⑦④⑥*如何在app应用中添加支付宝支付功能作为一枚普通的商户,或者 App 的开发人员,如何在对支付完全不了解的情况下,让 App 成功接入支付功能呢? 1)App 想接入 ...
手机APP对接支付功能总结
一.申请商户号需要一定的审核时间和周期, 二.申请开发者账号 1 申请开发者账号,简单, 可立即完成,但要主要, 开发者账号的信息,尽量与商户号保持一致,(如果不一致的情况下, 微信的商户号需要有一 ...
境外 android 支付功能,Paypal向Android开发者提供应用内部支付功能
腾讯科技讯(编译/中涛)北京时间5月20日消息,据国外媒体报道,eBay旗下网络支付平台Paypal周三宣布,已面向Android手机平台的外部开发者发布了"移动支付库"(Mobi ...
php paypal源码,PHP整合PayPal支付
简单整理一下PHP项目整合PayPal支付功能. 一.表单的构建: 二.IPN验证部分 class paypal { var $ipn_data = array(); // array contain ...

最新文章

热门文章