Question

这可能是一个愚蠢的问题，但我们走了。我已经设置了Stripe Elements（https://stripe.com/docs/elements）来收集信用卡信息，并对其进行调整。现在我正在尝试设置费用，但我不确定如何设置我的“服务器端”代码。

在我的controller.js中提交表单：

// Set your secret key: remember to change this to your live secret key in 
production
// See your keys here: https://dashboard.stripe.com/account/apikeys
var stripe = require("stripe")("sk_test_111111111111111111");

// Token is created using Stripe.js or Checkout!
// Get the payment token ID submitted by the form:
var token = request.body.stripeToken; // Using Express

// Charge the user's card:
stripe.charges.create({
amount: 1000,
currency: "sek",
description: "Example charge",
source: token,
}, function(err, charge) {
// asynchronously called
});

https://stripe.com/docs/charges： “在您的服务器上，抓取表单提交的POST参数中的Stripe标记。”

来自我的Nodecharge.js：

<form action="/charge" method="post" id="payment-form">
    <div class="form-row">
      <label for="card-element">
      Credit or debit card
      </label>
        <div id="card-element">
        <!-- a Stripe Element will be inserted here. -->
        </div>

            <!-- Used to display form errors -->
            <div id="card-errors" role="alert"></div>
    </div>

    <button>Submit Payment</button>
</form>

我的HTML表单：

 <form action="/charge" method="post" id="payment-form">

使用测试卡提交付款，我会被重定向到/收取404。我是新手，我显然已经复制/粘贴了一些代码，但我正在努力绕过它，我想要了解它，而不仅仅是让它工作。我有点了解信用卡信息检索如何与js一起工作，但在充电/重定向/ 404 /时我有点困惑。
我的意思是，这个动作线将我指向一个不存在的页面，对吧？我需要创建此页面吗？

{{1}}

对不起这篇文章的篇幅，请帮助我了解这里发生了什么，或者我需要解决的问题。

感谢任何帮助。

Answer 1

你如何为你的后端服务---快递？

如果您在向404提交表单时看到/charge，则表示您可能没有在Express中为app.post设置/charge路由。< / p>

您可以阅读有关路由的指南以获取更多详细信息 https://expressjs.com/en/guide/routing.html

如果您想看一个简单的工作示例，请看一下（确保将pk_test和sk_test替换为您的实际测试键）：

var stripe = require("stripe")("sk_test_xxxyyyzzz");
var express = require('express'), bodyParser = require('body-parser');

var urlencodedParser = bodyParser.urlencoded({ extended: false })
var app = express();

app.get('/',function(req, res) {
  // for kicks, just sending checkout
  res.send('<form action="/charge" method="POST">Buy it !<script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="pk_test_xxxyyyyzzzz"></script></form>')
});

app.post('/charge',urlencodedParser, function(req, res) {

  // grab a token
  var token = req.body.stripeToken;

  // creating a charge, for real use add things like error handling
  stripe.charges.create({
  amount: 2000,
  currency: "usd",
  source: token, // obtained with Stripe.js
  description: "Charge"
  }, function(err, charge) {
    res.send("You made a charge: "+ charge.id);
  });
});

app.listen(5000)

Answer 2

要通过Stripe创建源令牌，首先需要从stripe.com引用stripe.js，并且它必须来自stripe.com。

然后添加以下代码以添加您的卡信息并生成令牌。

    var stripe = Stripe('Your stripe publisheable key');
      var elements = stripe.elements;



stripe.createToken(elements[0], additionalData).then(function (result) {
                example.classList.remove('submitting');

                if (result.token) {
                    // If we received a token, show the token ID.
                    example.querySelector('.token').innerText = result.token.id;
                    example.classList.add('submitted');
                }
Here, you will get a token, that will be necessary to create your customer. Use below code to create your customer. I used C#.NET

StripeConfiguration.SetApiKey("sk_test_JTJYT2SJCb3JjLQQ4I5ShDLD");

var options = new CustomerCreateOptions {
  Description = "Customer for jenny.rosen@example.com",
  SourceToken = "tok_amex"
};

var service = new CustomerService();
Customer customer = service.Create(options);

现在，您可以从您从条纹获得的卡令牌中从该用户那里获得所需的金额，如下所示：

StripeConfiguration.SetApiKey("sk_test_JTJYT2SJCb3JjLQQ4I5ShDLD");

var options = new ChargeCreateOptions {
    Amount = 2000,
    Currency = "aud",
    Description = "Charge for jenny.rosen@example.com",
    SourceId = "tok_amex" // obtained with Stripe.js, }; var service = new ChargeService();

检索令牌/创建费用 - 条带

2 个答案: