node.js - 无需任何按钮的 Stripe 支付

Question

目前我正在使用 Stripe 付款按钮作为向用户收费的方式。但是，其过程是:

他们会收到一封电子邮件，该电子邮件有一个付款按钮。一旦您按下按钮，该按钮就会启动一个带有 Stripe 支付按钮的页面。按 Stripe 支付按钮可打开卡支付。

我希望能够从用户按下电子邮件的支付按钮直接转到打开的卡支付页面，而不必按下另一个按钮。

我一直在使用https://stripe.com/docs/checkout 。我认为直接调用 stripecheckout.open 就可以解决问题，但是，我不确定如何使用 javascript 正确格式化此调用。

例如，当按下电子邮件支付按钮时，会像这样生成 Stripe 支付按钮

res.write('<script ');
res.write('src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"');
res.write('data-key="' + body[0].data_key + '"');
res.write('data-amount="' + body[0].data_amount +'"');
res.write('data-name="' + body[0].data_name + '"');
data_desc_string = body[0].data_description;
data_desc_short = data_desc_string.substring(7);
res.write('data-description="' + data_desc_short + '"');
res.write('data-currency="usd">');
res.write('</script>');

我不知道应该如何仅为 stripecheckout.open 重写它。

Answer 1

Custom Buttons Checkout 文档的部分详细介绍了如何调用 StripeCheckout.open()。

就您而言，您只需在页面加载后调用 StripeCheckout.open()(因为您希望它立即显示)，而不是响应按钮单击(如示例中所示)。

具体的操作方式会因您使用的 JS 框架而异。在示例代码中使用 jQuery，您可以绑定(bind)到 $(document).ready():

  <script src="https://checkout.stripe.com/v2/checkout.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>

  <button id="customButton">Purchase</button>

  <script>
    $(document).ready(function(){
      var token = function(res){
        var $input = $('<input type=hidden name=stripeToken />').val(res.id);
        $('form').append($input).submit();
      };

      StripeCheckout.open({
        key:         'pk_test_czwzkTp2tactuLOEOqbMTRzG',
        address:     true,
        amount:      5000,
        currency:    'usd',
        name:        'Joes Pistachios',
        description: 'A bag of Pistachios',
        panelLabel:  'Checkout',
        token:       token
      });

      return false;
    });
  </script>