paypal html5 支付,uniapp 对接 paypal支付（h5，app端）

由于工作需要,需要对接国外的PayPal支付，前端框架用的又是UNIAPP,众所周知UNIAPP国内的生态环境还可以，但是到了国外嘛嘿嘿懂得都懂。

uniapp app对接Paypal支付

作者先去uniapp的插件市场搜索了一下有没有Paypal原生插件,结果如下图还是有对应的插件,这里就不全部截出来了感兴趣的可以自己去看看

插件市场支持度不是很友好,而且还存在缺陷。但是uniapp也支持自己开发原生插件,但是开发插件需要客户端相关的技能,小白水平有限。还好官方提供了下面几种方法

我们这里用的web-view组件里使用Paypal的web版支付。

在使用web-view之前我们先了解一下在uniapp里web-view是分本地资源和网络资源两种。

网络资源顾名思义就是内嵌第三方的网页(这个解释有点浅显了)那我要弄APP的Paypal支付还要弄一个网页版好像有点繁琐。好在官方支持引入本地资源。

在我们创建好的webview资源的html文件里添加下面两句代码是可以在你的网站里面集成Paypal的智能支付按钮。 //client-id 是你在Paypal申请的id

paypal.Buttons().render('body');复制代码

var script = document.createElement("script");

if (type == 0) {

script.src = url;

} else {

script.src = getQueryVariable('origin') + url;

}

document.body.appendChild(script);

script.onload = script.onreadystatechange = function() {

paypal.Buttons({

createOrder: function(data, actions) {

// This function sets up the details of the transaction, including the amount and line item details.

return actions.order.create({

intent: "CAPTURE", //

application_context: {

user_action: "CONTINUE",

brand_name: "nicefood",

locale: "en-US",

landing_page: "BILLING",

// shipping_preference: "SET_PROVIDED_ADDRESS"

purchase_units: [{

reference_id: "PUHF",

// soft_descriptor: "HighFashions",

invoice_id: orderInfo.master_order_sn, // 订单号

// custom_id: "CUST-HighFashions",

amount: {

value: orderInfo.total_amount //订单金额

}

}],

});

}

}).render('body');

}复制代码

paypal html5 支付,uniapp 对接 paypal支付（h5，app端）相关推荐

订单支付功能对接支付宝支付接口
求助:这张GIF的效果动图整了一个多小时,没找到好的编辑软件,都太难用了.如果恰巧看到这篇文章有好的GIF编辑或者录制软件,请推荐一个!万谢订单支付功能是购物的最后一个环节,本文将通过对接支付宝的 ...
服务器微信支付接口笔记－（与app端对接）
最近几天在做app的微信支付和支付宝支付,主要负责服务器接口.记录一下服务器这边的工作. 参考微信的官方文档链接:(有用的几个) 1 - 首先,如果想让app可以使用微信支付,必须先申请一个开放平台的 ...
uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台
uni-app简介 : 概述:uni-app是一个前端跨平台框架:会uni-app就可以用一套代码(类似vue语法)打包出安卓.ios.及各种小程序(微信.qq.支付宝等)端跨平台发布. 生态:完整的 ...
雪狐html5,【干货】如何实现H5移动端无缝滚动动画
原标题:[干货]如何实现H5移动端无缝滚动动画需求分析哈哈,上动态图真的是一下就明了了. 就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下: html骨架其实很简单,最外面的是做固定的 ...
uni-app关于小程序及app端第三方微信登陆问题（app端如何取得code值）
加强安全保护,防止部分应用邀请新用户有奖励而产生的刷号行为,和后端配合,不从前端传openid,取得相应的code值给后端,后端再去拿到openid获取用户信息. 1.第三方微信登陆,主要是在获取co ...
2023全网首发最新源支付.码支付.可对接易支付.三网云端免挂码
服务器环境推荐要求 * Nignx 1.18 ~ 1.2.2 * PHP 7.4[支持7.3 ~ 8.1] * MySQL 5.6 + * Redis 6.2 * Supervisor 2.2 1.进 ...
新版开运网运势测算网站源码支持微信/支付宝H5支付支持分销代理可封装APP
源码介绍我在外面花钱购买的某站VIP资源,就是那种搬砖站,买来没时间调试发给大家看看吧,喜欢的就下去玩玩! 支持微信/支付宝H5和电脑端扫码支付.手机端可以调起微信/支付宝应用支付支持后台设置价格 ...
PayPal支付系统对接
第一步:在paypal官网申请注册一个paypal 商户号. https://www.paypal.com/signin 第二步:在paypal的开发者管理页面创建自己需要的APP,一般企业大多会创建 ...
paypal tp 对接_php对接“paypal/Checkout-PHP-SDK“支付流程
前言公司一个网站项目有国外的用户给我们发邮件希望能用paypal支付,于是交给了我,我们这个项目两年前是有对接paypal通道的,但是一直没有开放,测试测了并不能完成付款流程. 看paypal官方是 ...

paypal html5 支付,uniapp 对接 paypal支付（h5，app端）

paypal html5 支付,uniapp 对接 paypal支付（h5，app端）相关推荐

最新文章

热门文章

paypal html5 支付,uniapp 对接 paypal支付 （h5，app端）

paypal html5 支付,uniapp 对接 paypal支付 （h5，app端）相关推荐

最新文章

热门文章

paypal html5 支付,uniapp 对接 paypal支付（h5，app端）

paypal html5 支付,uniapp 对接 paypal支付（h5，app端）相关推荐