流星

2013-04-24 148 views
5

我试图用流星地带付款表格使用条纹付款方式:流星

把条状当:

<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。

但有没有办法使用表单而不是处理Stripe.js?

+0

如何处理这两个选项的文档的某些链接(stripe.js checkout.js)。你看过Template。*。呈现在docs.meteor.com中初始化你的第三方js吗? – 2013-04-24 21:34:00

回答

14

我假设你在谈论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属性是信用卡令牌,用于向客户收费。

+0

“查看自定义按钮的位置”位的竖起大拇指。我无法为我的生活制定出'简单'版本的内容。 – mwarren 2015-04-09 15:36:51

+0

这是做到这一点的方法。简单而干净。谢谢! – jremi 2017-03-26 20:42:16