angular - 如何使用 angular 7 在 strip 网关中添加计费和运输字段

Question

基本上，我们使用带有 strip 支付的 angular 7。我们有一个完整的表格，其中包含所有信用卡字段，例如信用卡号、信用卡到期日和 CCV，除此之外，我们还有一些用于运输和帐单地址的字段。

请看下面的代码，我们正在为 stripe 创建一个元素，然后使用 createtoken() 函数来生成一个 token 。所以，我的问题是我们如何在此代码中添加账单和运输字段，以便我们可以将它们的数据发送到 strip API？作为 API 响应的结果，我们可以获得帐单和运输字段的动态数据以及生成的 token

this.stripeService.elements()
      .subscribe(elements => {
        this.elements = elements;
           this.carditem = this.elements.create('cardNumber', {
              style: {
                base: {
                  iconColor: '#c4f0ff',
                  fontSmoothing: 'antialiased',
                  ':focus': {
                    color: 'green',
                  },
                },
                invalid: {
                  iconColor: '#FFC7EE',
                  color: 'red',
                  ':focus': {
                    color: 'brown',
                  },
                  '::placeholder': {
                    color: '#FFCCA5',
                  },
                },
              },
              placeholder: 'Card Number',
           });

          var cvc = this.elements.create('cardCvc', {
            placeholder: 'security code',
          });

          var expiry = elements.create('cardExpiry', {

          });
          var postal = elements.create('postalCode', {
            placeholder: 'Zip/Postal Code',
          });
          this.carditem.mount('#card-number');
          cvc.mount('#card-cvc');
          expiry.mount('#card-expiry');
          postal.mount('#card-postal');

      });
  } 

buy(){

this.stripeService
      .createToken(this.carditem,{name, address_city, address_country})
      .subscribe(result => {
        if (result.token) {
          //result with token
          console.log('result',result.token);


        } else if (result.error) {
          // Error creating the token
          this.error = result.error.message;
          console.log('result',result.error.message);
        }
      });
}

Answer 1

帐单明细与卡本身相关联。这意味着您将在使用 Elements 创建 token 客户端时发送信息。例如，您的代码已经通过传递城市和国家/地区来部分执行此操作。

您可以在 jsfiddle here 中看到一个示例但代码看起来像这样:

var options = {
  name: 'name',
  address_line1: 'line1',
  address_line2: 'line2',
  address_city: 'city',
  address_state: 'state',
  address_zip: 'zip',
  address_country: 'country',
};
stripe.createToken(card, options).then(setOutcome);

对于送货地址，这通常与给定的付款或给定的客户相关联。此信息是您以自己的形式单独收集并发送到您的服务器以将其传递给客户 creation 的信息。或 PaymentIntent creation