首先登录到 PayPal 开发者中心 (https://developer.paypal.com/)。如果没有 PayPal 开发者账号，可以注册一个。
在开发者中心，创建一个新的应用程序，以获取 API 凭证（Client ID 和 Secret）。
paypal会提供一个沙箱API凭证和一个正式API凭证，在我们测试的时候，可以使用沙箱凭证。还会提供一个沙箱账号，在测试支付的时候，可以使用沙箱账号进行支付。
示例代码如下：
将YOUR_CLIENT_ID换成你自己的API凭证(测试时使用沙箱凭证)，YOUR_EMAIL换成你自己的paypal邮箱(注意是真实邮箱账号，不是沙箱账号)
<!DOCTYPE html>
<html>
<head>
<title>PayPal 按钮示例</title>
<!-- 引入 PayPal Smart Payment Buttons JS -->
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID"></script>
</head>
<body>
<!-- 创建一个容器用于渲染 PayPal 按钮 -->
<div id="paypal-button-container"></div>
<!-- 下面是一些示例 JavaScript 代码，用于创建和渲染 PayPal 按钮 -->
<script>
// 创建 PayPal 按钮
paypal.Buttons({
// 设置支付参数
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '10.00', // 设置支付金额
currency_code: 'USD' // 设置货币代码
},
payee: {
email_address: 'YOUR_EMAIL' // 卖家paypal真实邮箱
}
}]
});
},
// 执行支付动作
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
// 支付成功后的回调函数，你可以在这里进行相关的处理，比如显示订单详情等
alert('支付成功！Transaction ID：' + details.id);
});
},
// 取消支付时的处理
onCancel: function(data) {
alert('支付已取消！');
},
// 处理支付错误
onError: function(err) {
alert('支付过程中出现错误，请稍后再试！');
}
}).render('#paypal-button-container'); // 将按钮渲染到指定容器中
</script>
</body>
</html>
<html>
<head>
<title>PayPal 按钮示例</title>
<!-- 引入 PayPal Smart Payment Buttons JS -->
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID"></script>
</head>
<body>
<!-- 创建一个容器用于渲染 PayPal 按钮 -->
<div id="paypal-button-container"></div>
<!-- 下面是一些示例 JavaScript 代码，用于创建和渲染 PayPal 按钮 -->
<script>
// 创建 PayPal 按钮
paypal.Buttons({
// 设置支付参数
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '10.00', // 设置支付金额
currency_code: 'USD' // 设置货币代码
},
payee: {
email_address: 'YOUR_EMAIL' // 卖家paypal真实邮箱
}
}]
});
},
// 执行支付动作
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
// 支付成功后的回调函数，你可以在这里进行相关的处理，比如显示订单详情等
alert('支付成功！Transaction ID：' + details.id);
});
},
// 取消支付时的处理
onCancel: function(data) {
alert('支付已取消！');
},
// 处理支付错误
onError: function(err) {
alert('支付过程中出现错误，请稍后再试！');
}
}).render('#paypal-button-container'); // 将按钮渲染到指定容器中
</script>
</body>
</html>
