javascript - Angular 支付返回带有测试数据的无效卡

Question

我正在尝试使用此处找到的 Angular-Payments 应用程序在 Angular JS 中配置 Stripe

https://github.com/laurihy/angular-payments

问题是，即使有测试数据，它似乎也会返回 invalid_card 错误。

这是错误:

POST https://api.stripe.com/v1/tokens 402 (Payment Required)
Stripe.isDoubleLoaded.c(index):3 Stripe.isDoubleLoaded.e(index):3 Stripe.isDoubleLoaded.a(index):3 Stripe.isDoubleLoaded.Stripe.xhr(index):2 Stripe.a._rawRequest(index):2 Stripe.a.request(index):2 Stripe.token.a.create(index):2 Stripe.card.b.createToken(index):2 Stripe.a._channelListener(index):2 Stripe.isDoubleLoaded.H.Socket.t.concat.incoming(index):2

我正在设置可发布 key 并毫无问题地包含 Stripe.js，并且我知道调用已完成，因为我在 ResponsHandler 中发现了错误

有什么想法可能导致这种情况吗？

这是代码:

表格

<form name="myform" id="signup-form" stripe-handler="saveCustomer">
<div class="form-group">
    <label for="card_number">Card Number</label>
      <input type="text" class="form-control" size="20" ng-model="number" payments-validate="card" payments-format="card" payments-type-model="type" ng-class="myform.number.$card.type"/>
    </div>

  <div class="form-row">
    <label for="CVC"> CVC</label>

      <input type="text" class="form-control" size="4" ng-model="cvc" payments-validate="cvc" payments-format="cvc" payments-type-model="type"/>  
  </div>

  <div class="form-row">
    <label for="expiry"> Expiry</label>
      <input type="text" class="form-control" size="2" ng-model="expiry" payments-validate="expiry" payments-format="expiry" />

  </div>

<div class="text-center">
    <span class="glyphicon glyphicon-heart"></span>
    <h3>Thanks For Your Money!</h3>

    <button type="submit"  class="btn">Submit</button>
</div>

这是 Controller 函数:

// function to process the form
$scope.saveCustomer = function(status, response) {

        if (response.error) {
            // Show the errors on the form
           console.log(response);
           console.log(response.error);
          } else {
            // response contains id and card, which contains additional card details
            var token = response.id;
            console.log(token);
            formData.token = token;   
          }
    }

我的index.html header 包括...

<script type="text/javascript" src="https://js.stripe.com/v2/"></script>

 <script type="text/javascript">
  // This identifies your website in the createToken call below
  Stripe.setPublishableKey('my-key-here');
  // ...
</script>

奇怪的是，它正在与 stripe-angluar 一起使用，这是另一个用于处理 Stripe 的存储库 - 你知道我做错了什么吗？

Answer 1

您可能错误地创建了 token 。我也遇到了同样的问题。对我有用的是像这样设置卡片:

Stripe.card.createToken({
    "number": '4242424242424242',
    "exp_month": 12,
    "exp_year": 2016,
    "cvc": '123'
}, function(status, response) {
  stripeResponseHandler(status, response);
});

而不是这个(注意卡片对象是如何创建两次的 - 因此我相信“Stripe.isDoubleLoaded”错误):

Stripe.card.createToken({
  card: {
    "number": '4242424242424242',
    "exp_month": 12,
    "exp_year": 2016,
    "cvc": '123'
  }
}, function(status, response) {
  stripeResponseHandler
});