javascript - 在 Stripe 按钮中创建自定义金额

Question

Stripe 有一个简单的卡支付按钮。我想破解它，这样我就可以向它传递自定义金额。 (默认为20)

目前正在 build 中的站点是http://pecosselfstorage.com/testpayments.html

我需要客户能够支付他们想要支付的金额。无论是在单击按钮后的弹出窗口中，还是在按钮旁边的页面上，都没有多大关系。不过，我更希望它出现在弹出窗口中。

请不要只发布 Stripe 网站的链接，我已经经历了所有这些，但找不到任何帮助。

欢迎任何想法。谢谢!

Answer 1

无需黑客攻击。 Checkout 没有“默认值”——您以 amount 形式(或通过 data-amount 属性，对于基本版本)传入的内容就是它的账单。

如果您想让客户自行设定价格，您只需要一个文本字段和一些 JavaScript 即可将该字段的内容注入(inject)到您的 Checkout 调用中(请记住，以整数美分为单位)。

最简单的方法可能是在主页上放置一个文本字段，然后添加您自己的按钮并通过 its API 调用结账。使用默认按钮就可以做到这一点，但您不必以这种方式触摸 DOM 或监视文本字段的更改。

快速而肮脏的 jQuery-ish 伪代码，假设有一个按钮#payButton:

$('#payButton').click(function() {
  // prep goes here

    StripeCheckout.open({
      // data goes here
      amount: $('#payAmount').val * 100,
      // rest of data goes here
    });

  // etc
});