调用PayPal
支付,需要以下4个信息:
- clientId
- clientSecret
- webhookId
- currency
开通账号
开通注册好你自己的 paypal 账号,然后进入开发者平台创建应用:
https://developer.paypal.com/developer/applications/
创建好应用以后,即可查看到应用到 clientId 和 clientSecret
同时必须在账号设置中设置允许 checkout 方式收款,否则会提示没用权限的
配置 webhook
paypal 的支付异步通知是通过配置 webhook 来实现的,如图操作:
通知地址填写:https://api.it120.cc/gooking/pay/paypal/payBack
其中红色的 gooking 请换成你自己的专属域名
下面的通知事件,请勾选:PAYMENT.CAPTURE.COMPLETED
创建webhook以后,即可在列表中获取 webhookId
货币符号
https://developer.paypal.com/docs/api/reference/currency-codes/
要保证你传的 currency
必须是支持的货币,否则接口是无法调通的
后台配置
将以上信息,配置到 “api工厂” 后台:
系统设置 --> 在线支付 --> 设置 paypal 支付
前端调用
小程序支付
前端通过调用接口:/pay/paypal/checkout
接口发起支付即可;
WXAPI SDK,可直接调用:
WXAPI.paypalCheckout({...})
js 中发起 checkout 收款
需要先引入官方的 js
<script src="https://www.paypal.com/sdk/js?client-id=Aaw-wsbzACoMGEXXlzHlgTePePLCS4Xkdiv29GdmMxvWRnn2hYCfesKKT0Wx_nFKMDcAP2KfI2WHU7eZ"></script>
在需要出现PayPal按钮的地方,放置容器:
<div id="paypal-button-container" />
编写js文件:
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.21' // } // }] // }) return _this.$wxapi.paypalCheckout({ token: getToken(), money: 1.03 }).then(res => { return res.data.orderId }) }, onApprove: function(data, actions) { // This function captures the funds from the transaction. return actions.order.capture().then(function(details) { console.log(details) // This function shows a transaction success message to your buyer. alert('Transaction completed by ' + details.payer.name.given_name) }) } }).render('#paypal-button-container')
参考资料
https://developer.paypal.com/docs/checkout/integrate/
https://github.com/paypal/Checkout-Java-SDK
webhook 会回调2种类型:
CHECKOUT.ORDER.APPROVED 用户授权扣款
PAYMENT.CAPTURE.COMPLETED 订单完成
只需要勾选第二种即可