2013-04-24 4 views
5

Ich versuche Streifen Zahlungsformular in Meteor zu verwenden:Streifen Zahlungsformular in Verwendung Meteor

Wenn die Form-Streifen setzen:

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

Es funktioniert nicht,

Ich bekomme es, dass Meteor Skript in den .html-Dateien nicht ausführt. Und dass ich die Stripe.js verwenden kann.

Aber gibt es eine Möglichkeit, das Formular zu verwenden, anstatt mit Stripe.js zu arbeiten?

+0

Wie wäre es mit einigen Links zur Dokumentation für beide Optionen (stripe.js checkout.js). Haben Sie Template. *. Gerendert in docs.meteor.com zum Initialisieren Ihrer 3rd Party js angeschaut? –

Antwort

14

Ich nehme an, Sie sprechen über Stripe Checkout. Siehe den Abschnitt über benutzerdefinierte Schaltflächen.

Fügen Sie das Skript-Tag für Stripe Checkout in die Ihrer Vorlagendatei hinzu.

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

Fügen Sie Ihrer Vorlage dann eine Schaltfläche, einen Anker oder ein anderes anklickbares Tag hinzu.

Fügen Sie dann ein Ereignis hinzu, um das Formular im modalen Fenster von Stripe zu öffnen, wenn Sie auf die Schaltfläche klicken.

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 verwendet die Funktion "Token" als Rückruf, wenn die Antwort zurückgegeben wird. Das ID-Attribut dieses Antwortobjekts ist das Kreditkarten-Token, mit dem Sie den Kunden belasten.

+0

Daumen hoch für das 'Siehe Abschnitt über benutzerdefinierte Schaltflächen'. Ich konnte für mein Leben nicht herausfinden, worum es bei der "Simple" -Version ging. – mwarren

+0

Dies ist der Weg, dies zu tun. Einfach und sauber. Danke! – jremi