JMSPaymentBundleでのストライプ支払い "ソースパラメータは必須"

Question

私はすでにpayPalを使用してJMSPaymentBundleを統合しています。 ストライプをこのlink for JMS から変更し、githubのruudk/PaymentStripeBundleを使用すると、実際には同じです。

しかし、事があります。私はこのエラーを受けています：ソースパラメータは、バンドルの問題で

を必要とする、私はこのフォームは、トークンを生成ストライプ状

<form action="" 
method="POST"> 
<script 
    src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
    data-key="MYPUBLISHEDKEY" 
    data-amount="999" 
    data-name="Demo Site" 
    data-description="Widget" 
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png" 
    data-locale="auto"> 
</script> 
</form> 

を使用しなければならないことがわかりました。私が知る必要があるのは：

1- JMSPaymentBundleで使用されている公開トークンをどこに置くのですか？

2フォームのどのような操作を行う必要がありますか？ paypalと同じですか？

Answer 1

ここで何が起こっているのかは分かりませんが、https://github.com/ruudk/PaymentStripeBundle/には必要なドキュメントが不足しているようです。私はそれはあなたのフォームにtoken隠しフィールドを追加しています伝えることができるものから、

： https://github.com/ruudk/PaymentStripeBundle/blob/master/src/Form/CheckoutType.php#L12

しかし、あなたはそのフィールドにトークンを保存しません使用しているチェックアウト埋め込みコード。カスタムストライプチェックアウトの統合を使用して、独自のを構築する必要がありますので、私は、このライブラリに埋め込まれた任意の追加のJavascriptを見ない：

https://stripe.com/docs/checkout#integration-custom

このような何かが動作するはずです：

var handler = StripeCheckout.configure({ 
    key: 'pk_test_6pRNASCoBOKtIshFeQd4XMUh', 
    image: 'https://stripe.com/img/documentation/checkout/marketplace.png', 
    locale: 'auto', 
    token: function(token) { 
     // NOTE: assuming that the field injected by the library has an ID of "token"--you'll have to check your DOM and possibly adjust this 
     var field = document.getElementById('token'); 
     field.value = token.id; 

     // TODO: submit form and send to your backend 
    } 
}); 

document.getElementById('customButton').addEventListener('click', function(e) { 
    // Open Checkout with further options: 
    handler.open({ 
    name: 'Stripe.com', 
    description: '2 widgets', 
    zipCode: true, 
    amount: 2000 
    }); 
    e.preventDefault(); 
}); 

// Close Checkout on page navigation: 
window.addEventListener('popstate', function() { 
    handler.close(); 
});