Tokenizer

Библиотека tokenizer.js предоставляет вам возможность создания собственных платежных форм, находящихся непосредственно на вашем веб-сервере, однако требует более сложной технической реализации.

Пример интеграции собственной платежной формы

  • Подключите tokenizer.js на свою страницу:
<script src="https://rbkmoney.st/tokenizer.js"></script>
  • Установите access token в tokenizer:
<script type="text/javascript">
    Tokenizer.setAccessToken('<access_token>');
</script>
  • Получите токен платежного средства, передав данные в tokenizer:
<script type="text/javascript">
    Tokenizer.card.createToken({
        paymentToolType: 'CardData',
        cardHolder: '<card holder>',
        cardNumber: '<card number>',
        expDate: '<exp date>',
        cvv: '<cvv>'
    }, (token) => {
        console.log(token); // { token: 'string', session: 'string' }
    }, (error) => {
        console.error(error); // { code: 'string', message: 'string' }
    });
</script>

Пример обработки формы c помощью tokenizer:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tokenization sample</title>
    <script src="https://code.jquery.com/jquery-3.1.0.slim.min.js" integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8=" crossorigin="anonymous"></script>
    <script src="https://rbkmoney.st/tokenizer.js"></script>
    <script>
        $(function () {
            $('#pay-button').click(function () {
                Tokenizer.setAccessToken('<access_token>');
                Tokenizer.card.createToken({
                    paymentToolType: "CardData",
                    cardHolder: $('#card-holder').val(),
                    cardNumber: $('#card-number').val(),
                    expDate: $('#exp-date').val(),
                    cvv: $('#cvv').val()
                }, (token) => {
                    console.log(token); // { token: 'string', session: 'string' }
                }, (error) => {
                    console.error(error); // { code: 'string', message: 'string' }
                });
            });
        });
    </script>
</head>
<body>
    <form>
        <input id="card-holder" placeholder="card holder">
        <input id="card-number" placeholder="card number">
        <input id="exp-date" placeholder="exp date">
        <input id="cvv" placeholder="cvv">
        <button id="pay-button" type="button">Pay</button>
    </form>
</body>