Использование формы оплаты Stripe в Meteor

Я пытаюсь использовать стрип-форму оплаты в Meteor:

При нанесении формы Stripe:

<form action="" method="POST">
 <script
   src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
   data-key=x
   data-amount="2000"
   data-name="Demo Site"
   data-description="2 widgets ($20.00)"
   data-image="/128x128.png">
 </script>

It is not working,

Я понимаю, что Meteor не запускает скрипт в файлах .html. И что я могу использовать Stripe.js.

Но есть ли способ использовать форму вместо работы с Stripe.js?


person Alon Gutman    schedule 24.04.2013    source источник
comment
как насчет некоторых ссылок на документацию для обоих вариантов (stripe.js checkout.js). Вы смотрели Template. *., Отображаемый на docs.meteor.com для инициализации сторонних js?   -  person Bret Fisher    schedule 25.04.2013


Ответы (1)


Я предполагаю, что вы говорите о Stripe Checkout. См. Раздел «Пользовательские кнопки».

Добавьте тег скрипта для Stripe Checkout в <head> файла шаблона.

<head>
    <script src="https://checkout.stripe.com/v2/checkout.js"></script>
</head>

Затем добавьте в шаблон кнопку, привязку или другой интерактивный тег.

<template name="payment">
    <button>Pay</button>
</template>

Затем добавьте событие для открытия формы в модальном окне Stripe при нажатии кнопки.

Template.payment.events({
    'click button': function(e) {
        e.preventDefault();

        StripeCheckout.open({
            key: 'YOUR PUBLIC KEY',
            amount: 5000,
            name: 'The Store',
            description: 'A whole bag of awesome ($50.00)',
            panelLabel: 'Pay Now',
            token: function(res) {
                // Do something with res.id
                // Store it in Mongo and/or create a charge on the server-side
                console.info(res);
            }
        });
    }
});

Stripe будет использовать функцию «токена» в качестве обратного вызова при возврате ответа. Атрибут id этого объекта ответа - это токен кредитной карты, который вы используете для списания средств с покупателя.

person Harry Love    schedule 14.05.2013
comment
Поднимите палец вверх за бит «См. Раздел о пользовательских кнопках». Я никак не мог понять, о чем говорилось в «Простой» версии. - person mwarren; 09.04.2015
comment
Вот как это сделать. Просто и чисто. благодарю вас! - person jremi; 26.03.2017