新闻中心

外贸网站PayPal+Stripe支付集成教程

发布时间：2025-04-19 08:39:51 点击量：17

外贸网站PayPal & Stripe支付集成教程

在全球化的商业环境中，外贸网站的成功离不开安全、便捷的支付系统。PayPal和Stripe作为全球领先的在线支付解决方案，被广泛应用于外贸交易中。本文将详细介绍如何在外贸网站中集成PayPal和Stripe支付系统，帮助商家提升用户体验，增加交易成功率。

一、准备工作

在开始集成之前，需要完成以下准备工作：

注册PayPal和Stripe账户
- PayPal：访问PayPal官网，注册一个商家账户。PayPal提供多种账户类型，建议选择适合外贸业务的账户。
- Stripe：访问Stripe官网，注册一个账户。Stripe支持全球多个国家和地区的支付，注册时需要提供公司信息、银行账户等。
获取API密钥
- PayPal：登录PayPal开发者平台，创建应用并获取API密钥（Client ID和Secret）。
- Stripe：登录Stripe控制面板，获取API密钥（Publishable Key和Secret Key）。
确保网站支持HTTPS
支付系统要求网站使用HTTPS协议，以确保数据传输的安全性。如果网站尚未启用HTTPS，建议先申请SSL证书并配置。
选择合适的开发框架
根据网站的技术栈，选择合适的开发框架或插件。常见的开发框架包括PHP、Node.js、Python等，而WordPress、Shopify等平台也提供了相应的插件。

二、PayPal支付集成

PayPal提供了多种集成方式，包括标准支付、快速结账、订阅支付等。以下以标准支付为例，介绍集成步骤。

引入PayPal SDK
在网站的前端代码中引入PayPal的JavaScript SDK。

<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID"></script>

创建支付按钮
在HTML中创建一个支付按钮，并绑定PayPal的支付逻辑。

<div id="paypal-button-container"></div>
<script>
 paypal.Buttons({
   createOrder: function(data, actions) {
     return actions.order.create({
       purchase_units: [{
         amount: {
           value: '10.00' // 订单金额
         }
       }]
     });
   },
   onApprove: function(data, actions) {
     return actions.order.capture().then(function(details) {
       alert('Transaction completed by ' + details.payer.name.given_name);
       // 处理订单成功逻辑
     });
   }
 }).render('#paypal-button-container');
</script>

处理支付回调
支付成功后，PayPal会返回支付结果。需要在服务器端验证支付结果，并更新订单状态。

// 示例：PHP处理支付回调
$paymentID = $_POST['paymentID'];
$payerID = $_POST['payerID'];
$token = $_POST['token'];

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://api.paypal.com/v2/checkout/orders/$paymentID/capture");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_HTTPHEADER, array(
 'Content-Type: application/json',
 'Authorization: Bearer ' . $accessToken
));
$response = curl_exec($ch);
curl_close($ch);

$responseData = json_decode($response, true);
if ($responseData['status'] === 'COMPLETED') {
 // 更新订单状态
}

三、Stripe支付集成

Stripe的集成方式与PayPal类似，以下以创建支付表单为例，介绍集成步骤。

引入Stripe.js
在网站的前端代码中引入Stripe的JavaScript库。
```
<script src="https://js.stripe.com/v3/"></script>
```

创建支付表单
在HTML中创建一个支付表单，并绑定Stripe的支付逻辑。

<form id="payment-form">
 <div id="card-element"></div>
 <button id="submit">Submit Payment</button>
</form>
<script>
 var stripe = Stripe('YOUR_PUBLISHABLE_KEY');
 var elements = stripe.elements();
 var card = elements.create('card');
 card.mount('#card-element');

 var form = document.getElementById('payment-form');
 form.addEventListener('submit', function(event) {
   event.preventDefault();
   stripe.createPaymentMethod({
     type: 'card',
     card: card,
   }).then(function(result) {
     if (result.error) {
       alert(result.error.message);
     } else {
       // 发送PaymentMethod ID到服务器端
       fetch('/charge', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
         body: JSON.stringify({ paymentMethodId: result.paymentMethod.id }),
       }).then(function(response) {
         return response.json();
       }).then(function(paymentIntent) {
         if (paymentIntent.status === 'succeeded') {
           alert('Payment succeeded!');
           // 处理订单成功逻辑
         }
       });
     }
   });
 });
</script>

处理支付请求
在服务器端处理支付请求，并调用Stripe API完成支付。

# 示例：Python处理支付请求
import stripe
stripe.api_key = 'YOUR_SECRET_KEY'

@app.route('/charge', methods=['POST'])
def charge():
   data = request.get_json()
   payment_method_id = data['paymentMethodId']

   try:
       payment_intent = stripe.PaymentIntent.create(
           amount=1000,  # 订单金额（单位：分）
           currency='usd',
           payment_method=payment_method_id,
           confirm=True,
       )
       return jsonify({'status': payment_intent.status})
   except Exception as e:
       return jsonify({'error': str(e)}), 400