流星

2013-04-24 152 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