Question

我正试图在Meteor中使用Strip Payment Form：

放入条纹表格时：

<form action="" method="POST">
 <script
   src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
   data-key=x
   data-amount="2000"
   data-name="Demo Site"
   data-description="2 widgets ($20.00)"
   data-image="/128x128.png">
 </script>

它不起作用，

我知道Meteor不会在.html文件中运行脚本。而且我可以使用Stripe.js。

但有没有办法使用Form而不是处理Stripe.js？

Answer 1

我假设你在谈论Stripe Checkout。请参阅自定义按钮部分。

在模板文件的<head>中添加Stripe Checkout的脚本标记。

<head>
    <script src="https://checkout.stripe.com/v2/checkout.js"></script>
</head>

然后在模板中添加按钮，锚点或其他可点击标记。

<template name="payment">
    <button>Pay</button>
</template>

然后在单击按钮时添加一个事件以在Stripe的模态窗口中打开表单。

Template.payment.events({
    'click button': function(e) {
        e.preventDefault();

        StripeCheckout.open({
            key: 'YOUR PUBLIC KEY',
            amount: 5000,
            name: 'The Store',
            description: 'A whole bag of awesome ($50.00)',
            panelLabel: 'Pay Now',
            token: function(res) {
                // Do something with res.id
                // Store it in Mongo and/or create a charge on the server-side
                console.info(res);
            }
        });
    }
});

Stripe将在返回响应时使用“token”函数作为其回调。该响应对象的id属性是信用卡令牌，用于向客户收取费用。

在Meteor中使用条纹支付表格

1 个答案: