条纹结帐自定义按钮不充电

Posted

技术标签:

【中文标题】条纹结帐自定义按钮不充电【英文标题】:stripe checkout custom button not charging 【发布时间】:2014-04-28 01:41:03 【问题描述】:

我试图让 Stripe 的结帐自定义按钮向信用卡收费,但它所做的只是在我输入信用卡详细信息后最小化。我正在使用文档中的代码,但我无法让它工作。这个简单的按钮很容易使用,我认为它就像自定义那个按钮一样简单,但它非常不同。

代码如下:

付款页面

<form action="charge.php" method="post">
            <script src="https://checkout.stripe.com/checkout.js"></script>
            <input type="submit" value="Pay with card" id="customButton"/>
            <?php require_once('./config.php'); ?>
                <script>
                var handler = StripeCheckout.configure(
                    key: '<?php echo $stripe['publishable_key']; ?>',
                    image: 'favicon.png',
                    token: function(token, args) 
                    // Use the token to create the charge with a server-side script.
                    // You can access the token ID with `token.id`
                    
                );

                document.getElementById('customButton').addEventListener('click', function(e) 
                    // Open Checkout with further options
                    handler.open(
                    name: 'Imprintnation',      
                    description: 'Decals',
                    amount: <?php echo $stripeTotal; ?>

                );
                    e.preventDefault();
                );
                </script>
                </form>

收费页面(charge.php)

<?php
require_once(dirname(__FILE__) . '/config.php');

$token  = $_POST['stripeToken'];

$customer = Stripe_Customer::create(array(
  'email' => 'customer@example.com',
  'card'  => $token
));

$charge = Stripe_Charge::create(array(
  'customer' => $customer->id,
  'amount'   => 5000,
  'currency' => 'usd'
));

echo '<h1>Successfully charged $5!</h1>';
?>

配置页面(config.php)

<?php
require_once('./lib/Stripe.php');

$stripe = array(
secret_key      => 'sk_test_************************',
publishable_key => 'pk_test_************************'
);

Stripe::setApiKey($stripe['secret_key']);
?>

我在这里缺少什么?我什至无法让它检索令牌。

如何取回令牌并从卡中扣款?

【问题讨论】:

大概你必须在 stripe.com 上设置一个回调页面,并将它们定向到你的 charge.php,这样你就可以得到令牌,我假设 stripe 的工作方式类似于 paypal,我没有检查跨度> 这直接来自他们的文档,并没有提到任何关于设置回调页面的内容。 您可以尝试var_dump($charge) 看看是否有任何返回。还要检查你的服务器是否为 php 安装了 curl 扩展,它需要它来与他们的服务器交互 似乎他们回调到您发帖的同一页面,所以您可能是对的,无需配置 stripe.com/docs/tutorials/forms#create-a-single-use-token 【参考方案1】:

终于搞定了。不得不换一大堆。代码如下:

付款页面

<form action="charge.php" method="post">
<script src="https://checkout.stripe.com/checkout.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

<button id="customButton">Pay with Card</button>
<style>
#customButton
width:300px;
height:50px;
background-color:orange;
color:white;
border:2px solid green;

</style>
 <script>
 $('#customButton').click(function()
 var token = function(res)
 var $input = $('<input type=hidden name=stripeToken />').val(res.id);
 $('form').append($input).submit();
 ;

 StripeCheckout.open(
 key:         '<?php echo $stripe['publishable_key']; ?>',
 address:     false,
 amount:      '<?php echo $price; ?>',
 currency:    'usd',
 name:        'test',
 description: '<?php echo $desc; ?>',
 panelLabel:  'Checkout',
 token:       token
 );

 return false;
 );
 </script>
 <input type="hidden" name="desc" value="<?php echo $desc; ?>"/>
 <input type="hidden" name="totalPrice" value="<?php echo $price; ?>"/>
</form>

charge.php

<?php
require_once(dirname(__FILE__) . '/config.php');

$token  = $_POST['stripeToken'];
$amount = $_POST['totalPrice'];
$desc = $_POST['desc'];
$percent = "0.01";
$realAmount = $amount * $percent;
try        
$charge = Stripe_Charge::create(array(
    'card' => $token,
    'amount'   => $amount,  
    'currency' => 'usd',
    'description' => $desc
    ));

     catch(Stripe_CardError $e) 
// The card has been declined


echo "<h1>Successfully charged $$realAmount!</h1>";
?>

我希望 Stripe 的文档更简单明了,但此代码处理费用并将其记录在您的仪表板上。

【讨论】:

您永远不应该通过客户端在表单中传递总价格/金额值 - 任何人都可以在发送之前在客户端更改值。【参考方案2】:

@BlueSix 是对的,为什么你有:

&lt;input type="hidden" name="totalPrice" value="&lt;?php echo $price; ?&gt;"/&gt;

仅仅因为该值被隐藏,并不意味着最终用户无法对其进行编辑。

直接设置$amount = $price 会好很多,通过应用程序后端传递变量。

【讨论】:

以上是关于条纹结帐自定义按钮不充电的主要内容,如果未能解决你的问题,请参考以下文章

从自定义按钮调用 Stripe 结帐表单

根据 WooCommerce 中的自定义结帐单选按钮和文本字段设置动态费用

PayPal 结帐按钮和自定义变量

Paypal 结帐按钮未将自定义字段传递给 PIN 消息

第二条条纹结帐按钮不起作用

自定义 Wordpress WooCommerce 结帐页面和付款处理方式