Установка значения для элемента полосы

Я использую элементы Stripe.js для: cardNumber cardExpiry cardCVC

Я хочу использовать вместе модуль для сканирования кредитной карты под названием card.io.

На самом деле все работает нормально, и когда я сканирую карту с помощью card.io, я получаю 2 значения: номер карты и срок действия.

Оттуда я хочу установить это значение в свои элементы полосы, есть ли способ сделать это? Мне не удалось ничего найти в документации.

Мой HTML:

<div class="group">
    <label>
      <span>N° Carte</span>
      <div id="card-number" class="field"></div>
    </label>
    <label>
      <span>Expiration</span>
      <div id="card-expiry" class="field"></div>
    </label>
    <label>
      <span>CVC</span>
      <div id="card-cvc" class="field"></div>
    </label>
  </div>

My JS :

this.cardNumber = elements.create('cardNumber', {style: style, showIcon: true});
    this.cardNumber.mount('#card-number');

    var cardExpiry: any = elements.create('cardExpiry', {style: style});
     cardExpiry.mount('#card-expiry');

    var cardCvc: any = elements.create('cardCvc', {style: style});
    cardCvc.mount('#card-cvc');

person Aion    schedule 12.02.2021    source источник


Ответы (1)


Вы не можете сделать это (предварительно заполнив их необработанным номером карты) с помощью Elements, нет. Если у вас есть необработанный номер карты, то вы находитесь в области PCI, поскольку вы напрямую касаетесь очень важных деталей. https://stripe.com/docs/security/guide#validating-pci-compliance

Я бы порекомендовал полагаться на собственное сканирование карт браузера (например, в Chrome на Android есть функция сканирования новой карты, которая работает с Elements) и просто попросить пользователя ввести данные своей карты в Elements в обычном режиме.

Насколько я знаю, Card.io не поддерживается, и я также сбит с толку, потому что это родная библиотека, вы все равно не можете использовать ее на веб-странице? Если вы создаете нативное приложение, в библиотеке Stripe для iOS есть бета-версия сканирования карт, которая может помочь https://github.com/stripe/stripe-ios#card-scanning-beta

person karllekko    schedule 12.02.2021