如何在PayPal JavaScript中传入PHP变量作为支付金额

解决方案 #

原有写法失效原因排查 #

你写的value: '<?php echo $order_amount;?>'只有放在后缀为.php的文件内才会生效，如果这段PayPal JS代码是写在独立的.js后缀文件中，服务器默认不会解析.js文件里的PHP标签，自然无法输出变量值。

可行实现方案 #

方案1：JS代码内嵌到PHP文件中（最常用）

先在PHP层对金额做格式化和安全处理，再直接输出到JS代码对应位置：

<?php
// 提前处理金额：强制转为两位小数的合法数值，避免非法字符、格式错误导致PayPal接口报错
$order_amount = number_format((float)$order_amount, 2, '.', '');
?>

<script>
    paypal.Buttons({
        createOrder: function(data, actions) {
            return actions.order.create({
                purchase_units: [{
                    amount: {
                        // 直接输出PHP处理后的金额，addslashes避免特殊字符导致JS语法错误
                        value: '<?php echo addslashes($order_amount); ?>'
                    }
                }]
            });
        },
        // 剩余onApprove代码保持不变即可
        onApprove: function(data, actions) {
            return actions.order.capture().then(function(orderData) {
                console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
                var transaction = orderData.purchase_units[0].payments.captures[0];
                alert('Transaction '+ transaction.status + ': ' + transaction.id + '\n\nSee console for all available details');
            });
        }
    }).render('#paypal-button-container');
</script>

方案2：JS代码为独立文件的场景

如果PayPal逻辑必须放在独立的.js文件中，可以先在PHP页面提前声明全局JS变量，再在JS文件中调用：

1. 在你的PHP页面头部（引入PayPal JS文件之前）添加如下代码：

<?php
$order_amount = number_format((float)$order_amount, 2, '.', '');
?>
<script>
// 全局挂载订单金额变量
window.PAYPAL_ORDER_AMOUNT = '<?php echo addslashes($order_amount); ?>';
</script>

2. 在独立的PayPal JS文件中直接使用全局变量：

amount: {
    value: window.PAYPAL_ORDER_AMOUNT
}

安全注意事项 #

• 不要直接把前端传入的金额赋值给$order_amount，该变量必须从服务端的订单数据库中读取对应订单的实际金额，避免前端被篡改参数导致资损。
• 支付回调环节要再次校验实际到账金额和订单金额是否一致，做好二次校验。

内容的提问来源于stack exchange，提问作者PaulMDG