Web 站点接入 PayPal 支付

官方教程:
PayPal Express Checkout

根据官方教程整理了一下具体步骤。


模板:





  
  
  



  
1. 必须 js

2. 支付按钮

paypal.Button.render绑定对应的id(也可以是class)。

3. render 参数

1)env: 运行环境
有两种:

类型 说明
sandbox 沙盒,用于测试,用添加的sandbox账号测试能否交易成功
production 生产环境,部署上线时使用的环境

2)locale: 语言版本
配套有多国语言,中文选用 zh_CN,美式英文选用 en_US

3)client: 客户端id
获取方式:登录 -> Applications -> 选择 REST API apps -> create App

Web 站点接入 PayPal 支付_第1张图片
create App

创建成功后,可以从创建的应用获取SandboxLiveclient ID,填入

client: {
    sandbox:    '',
    production: ''
},

4)style: 定义支付按钮样式,参考 Customize Checkout Button

5)触发函数:

函数 说明
payment 点击支付时触发,total填入需要支付的金额,currency填入支付的货币类型
onAuthorize 支付成功时触发,当支付成功时可以用Ajax提交数据修改订单支付状态为已支付。
onCancel 当用户关闭支付页面时触发
onError 当支付出错时触发
4. 创建沙盒账号用于测试

Sandbox accounts
创建两个账号,BUSSINESS 以及 PERSONAL。
创建完成后登录沙盒账号测试是否登录成功(红线按钮登录)

Web 站点接入 PayPal 支付_第2张图片
测试是否登录成功

5. 使用sandbox 账号测试支付

env环境为sandbox时,点击支付按钮时,使用PERSONAL账号来登录支付(测试账号默认有余额 $9999),当支付成功时会调用函数onAuthorize,可以弹窗alert('pay success')来测试是否支付成功。若成功,上线时将env转为production环境即可。

更多文章,博客站点

感觉有用的点个赞吧

你可能感兴趣的:(Web 站点接入 PayPal 支付)