<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <script src="https://www.paypalobjects.com/api/checkout.js"></script> -->
<script
src="https://www.paypal.com/sdk/js?client-id=你的clientID&components=buttons"></script>
</head>
<body>
<div id="paypal-button"></div>
<script>
paypal.Buttons({
style: {
layout: 'vertical',
color: 'blue',
shape: 'rect',
label: 'paypal'
},
// 创建订单信息
createOrder: function(data, actions) {
// Set up the transaction
return actions.order.create({
purchase_units: [{
amount: {
value: '11'// 订单金额
}
}]
});
},
// 用户支付成功
onApprove: function (data, actions) {
alert('支付成功' + JSON.stringify(data) + '=======' + JSON.stringify(actions));
},
// 用户关闭支付
onCancel: function (data) {
alert('支付取消' + JSON.stringify(data))
},
// 错误处理
onError: function (err) {
alert('支付错误' + JSON.stringify(data))
},
// 第一次初始化
onInit: function (data, actions) {
// Disable the buttons
//actions.disable();
//actions.enable();
},
// 点击按钮
onClick: function () {
},
}).render('#paypal-button');
</script>
</body>
首先去PayPal官网 注册或者登录账号 官网地址 developer.paypal.com/home/
登录成功，点击左侧菜单 SANDBOX 下的 Accounts。再点击右侧Create account按钮选择账户类型，创建测试用沙盒账户。
创建账户后点击左侧菜单DASHBOARD下的**# My apps & credentials**。再点击右侧 Create App 填写应用名称、选择收款的账户后。创建应用
创建应用后点击创建的应用，将代码中的client-id替换。
代码运行，点击PayPal按钮登录再刚才创建的沙盒账户中找一个付款账户登录后付款即可
js sdk文档地址 developer.paypal.com/sdk/js/
