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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
JavaScript运算符小结
Jun 03 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
js流动式效果显示当前系统时间
May 16 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
JS实现星星海特效
Dec 24 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
php中的时间处理
2006/10/09 PHP
php类
2006/11/27 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
Sample script that displays all of the users in a given SQL Server DB
2007/06/16 Javascript
Div自动滚动到末尾的代码
2008/10/26 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
vue超时计算的组件实例代码
2018/07/09 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
2020/12/08 Vue.js
Python中类型检查的详细介绍
2017/02/13 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
Python configparser模块应用过程解析
2020/08/14 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
《回乡偶书》教学反思
2014/04/12 职场文书
应急管理培训方案
2014/06/12 职场文书
2015年社区工作总结
2015/04/08 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
合同纠纷调解书
2015/05/20 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL
服务器nginx权限被拒绝解决案例
2022/09/23 Servers