javascript - 使用 Stripe V3 为卡创建 strip 标记，但不使用前端侧的 strip 元素

Question

我使用以下代码使用 stripe.createToken 方法为银行帐户创建了一个 token 。

stripe.createToken('bank_account', {
  country: 'US',
  currency: 'usd',
  routing_number: '110000000',
  account_number: '000123456789',
  account_holder_name: 'Jenny Rosen',
  account_holder_type: 'individual',
}).then(function(result) {
  // Handle result.error or result.token
});

但我想使用相同的方法 stripe.createToken 为卡创建 token 。在下面的代码中，我传递了卡片元素。

stripe.createToken(card).then(function(result) {
  // Handle result.error or result.token
});

但我不想传递卡片元素，而是想传递卡片信息，例如:

stripe.createToken({
    cardNumber:'4242424242424242',
    cardExpiry:'06/22',
    cardCSV:'567'
       }).then(function(result) {
      // Handle result.error or result.token
    });

但是这段代码不起作用。有什么办法可以在stripe.createToken方法中传递卡信息吗？

Answer 1

当您创建 Stripe 元素时，请保留一个引用卡号元素的 var。就像这样:

// this uses nuxtjs stripe library, but you'll understand the gist of this
var stripe = this.$stripe.import();
var stripe_elements = stripe.elements();
var card = {};
card.number = stripe_elements.create('cardNumber',{... styling classes..});

然后当您想要创建 token 时:

var result = await stripe.createToken(card.number); // pass in the card.number variable created above from elements

console.log(result);

如果卡有效并且一切正常，日志将带回一个包含 token 和其他信息(例如last4)的对象。

{
  "id": "tok_1g5is5GQVy7WmuRCB94a7QlHV",      // the token
  "object": "token",
  "card": {
    "id": "card_125is1GvVy7zmuRCcDzjQy4g",   // card id 
    "object": "card",
    "address_city": null,
    "address_country": null,
    "address_line1": null,
    "address_line1_check": null,
    "address_line2": null,
    "address_state": null,
    "address_zip": null,
    "address_zip_check": null,
    "brand": "Visa",
    "country": "US",
    "cvc_check": "unchecked",
    "dynamic_last4": null,
    "exp_month": 11,
    "exp_year": 2022,
    "funding": "credit",
    "last4": "1234",
    "metadata": {
    },
    "name": null,
    "tokenization_method": null
  },
  .... . . ..
}