Paypal支付不完全指北


Posted in Javascript onJune 04, 2020

啥都不说,先吐槽

Paypal 真心坑爹,跟国内支付完全没法比,能不接入就不接入吧!!!

准备工作

重要事情

Paypal下单支付后,需要主动跟paypal确认收款(capture),否则该笔订单并不是完成状态!!!

账号

自己前往Paypal develop注册一个吧,注意区分沙箱(sandbox)和正式(live)账号即可。
用沙盒账号开发,还可以创建多个沙盒的paypal账号,可以用于沙盒测试支付。

下单方式

跟国内的支付宝和微信有区别,paypal可以直接在客户端下单。

支持客服端、服务端下单。各有利弊,看具体需求来定咯

  • 客服端下单,可以调起Paypal APP(ios 和 android), 缺点是服务端无法及时知晓下单过程,需要客户端及时通知
  • 服务端或者webhooks服务端下单,只能打开paypal 网页支付。

无论何种下单,paypal 都没有采用加密机制,全部都是明文,所以在检校订单信息时需要格外注意

客户端下单

  • JavaScript
  • ios sdk
  • android sdk

客服端直接下单,需要保证客服端接收到的订单信息时准确的(最好后端加密订单信息,客户端解密并检验数据完整性)

JavaScript

JavaScript直接接入,是通过paypal js直接生成一个iframe用于支付。
其中需要注意的是,paypal生成的按钮只有几个基本样式可选,无法直接自定义样式(我是没有找到相关文档,不排除可以自定义的可能。如果有麻烦也告诉下我)。

使用方式

// 如果默认货币不是美元,需要在后面添加货币参数
<script src="https://www.paypal.com/sdk/js?client-id=sb"></script>
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({
  purchase_units: [{
   amount: {
    value: '0.01'
   }
  }]
 });
},
onApprove: function(data, actions) {},
onCancel: function(){},
onError: function(){}
}).render('#paypal-button-container');

虽然目前无法自定义按钮,但是我们可以是paypal生成的按钮隐藏,用自己的按钮盖住,然后是设置css属性pointer-events:none;来屏蔽事件即可。

Ios || android

Ios 和 andorid 的接入方式与JavaScript类似,只要引入相应的SDK,非常简单的就可以下单。SDK quickstart

服务端下单(推荐)

因为paypal没有采用加密机制,同时在弱网情况下无法保证客户端可以及时通知服务端订单状态的改变,选用服务端下单是相对安全的。

建议在下单时,发送完整的订单金额信息,paypal会对相关金额做检校,如果更方面金额不一致(总价 !== 运费+税费+商品数量 * 商品单价+…… ),是不能下单的。同时也可以让买家确认该笔订单的明细,用户体验和安全性都有提高。

顺便吐槽下paypal的沙盒环境,如果你请求超时,请不要见怪,这不是你的问题,是沙盒环境太烂。(PS:不知道是不是与服务端语言相关,PHP和nodejs对接paypal,性能差别很大,同一时间,同一个沙盒账号,nodejs请求基本保持在5s以内,php在15s左右)

基本下单参数

{
  "intent": "CAPTURE",
  "purchase_units": [
    {
      "reference_id": "order_id",
      // 总价
      "amount": {
        "value": "200",
        "currency_code": "RMB"
      },
      // 价格明细
      "breakdown": {
        // 商品总价
        "item_total": {
          "value": "180",
          "currency_code": "RMB"
        },
        // 运费
        "shipping": {
          "value": "20",
          "currency_code": "RMB"
        }
        // …… 还有税费之类的
      },
      // 商品明细
      "items": [
        {
          "name": "goods",
          "unit_amount": {
            "value": "90",
            "currency_code": "RMB"
          },
          "quantity": 2,// 数量
          "sku": "sku"
        }
      ]
      //...地址之类的其他参数
    }
  ],
  "application_context": {
    "cancel_url": "",
    "return_url": ""
  }
}

支付时序图

Paypal支付不完全指北
高清在线图片

再次强调: Paypal下单支付后,需要主动跟paypal确认收款(capture),否则该笔订单并不是完成状态!!

notify

支付回调可以通过IPN或者webhooks,基本和国内支付没有什么区别,唯一区别是paypal通知没有加密,收到回调需要服务端主动跟paypal确认信息是否正确

相关链接

PayPal Checkout
PayPal integrate doc
PayPal SDK quickstart
point-events

到此这篇关于Paypal支付不完全指北的文章就介绍到这了,更多相关Paypal支付内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
表单提交验证类
Jul 14 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
jQuery探测位置的提示弹窗(toolTip box)详细解析
Nov 14 Javascript
浅析JavaScript中的delete运算符
Nov 30 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
简单实现node.js图片上传
Dec 18 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
vue路由权限校验功能的实现代码
Jun 07 Javascript
React Fragment介绍与使用详解
Nov 11 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 #Javascript
vue样式穿透 ::v-deep的具体使用
Jun 04 #Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 #Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 #Javascript
微信小程序实现watch监听
Jun 04 #Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 #Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 #Javascript
You might like
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
javascript preload&amp;lazy load
2010/05/13 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python反编译学习之字节码详解
2019/05/19 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
人事助理岗位职责
2013/11/18 职场文书
小学庆六一活动方案
2014/02/28 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
计划生育标语
2014/06/23 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
区域经理岗位职责
2015/02/02 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书
css3 选择器
2022/05/11 HTML / CSS