Все, что вам нужно для вашей первой интеграции платежного шлюза с JavaScript

Что такое полоса?

Stripe — это платформа для обработки онлайн-платежей и обработки кредитных карт. Когда покупатель покупает товар в Интернете, средства должны быть доставлены продавцу; Вставить полосу. Stripe позволяет безопасно и эффективно обрабатывать средства с помощью кредитной карты или банка и переводить эти средства на счет продавца (больше).

Краткое руководство для разработчиков

Интеграция Stripe в ваше приложение или веб-сайт может начаться сразу после создания учетной записи Stripe и требует трех шагов:

  1. Получите ключи API, чтобы Stripe могла аутентифицировать запросы API вашей интеграции.
  2. Установите клиентскую библиотеку, чтобы ваша интеграция могла взаимодействовать с Stripe API.
  3. Сделайте тестовый запрос API, чтобы убедиться, что все работает.

Сессия оформления заказа с полосой

Это самый быстрый способ создания оптимизированных для конверсии платежных форм, размещенных на Stripe. Checkout создает безопасную платежную страницу, размещенную на Stripe, которая позволяет быстро получать платежи. Он работает на разных устройствах и может помочь увеличить конверсию. Checkout позволяет легко создать первоклассный процесс оплаты:

  • Предназначен для устранения разногласий — проверка карты в режиме реального времени со встроенными сообщениями об ошибках.
  • Подходит для мобильных устройств: полностью адаптивный дизайн с поддержкой Apple Pay и Google Pay.
  • Международный — поддерживает более 25 языков и несколько способов оплаты.
  • Настройка и брендинг — настраиваемые кнопки и цвет фона.
  • Мошенничество и соответствие требованиям. — Упрощенные соответствие PCI, готовность к SCA и CAPTCHA для смягчения атак тестирования карты.
  • Дополнительные функции: применение скидок, сбор налогов, отправка квитанций по электронной почте и многое другое.

Давайте посмотрим, как выглядит реальный код

Импорт stripe в server.js

Создание сеанса оформления заказа с деталями товаров (название, цена за единицу ‹В центах›, количество), валюта.

Элементы для создания сеанса оформления заказа

Сессия оформления заказа — это программное представление того, что видит ваш клиент, когда его перенаправляют на форму оплаты. Вы можете настроить его с такими параметрами, как:

  • позиции для оплаты
  • валюты для использования

Также необходимо указать:

  • success_url, страница на вашем веб-сайте для перенаправления ваших клиентов после завершения платежа.
  • cancel_url, страница на вашем веб-сайте для перенаправления вашего клиента, если он нажмет кнопку "Назад" или логотип в Checkout.

Страница сеанса оформления заказа

А вот так выглядит базовая страница оформления заказа, в дальнейшем мы можем ее настроить.

Тестирование для платежей

Есть несколько тестовых карточек, которые вы можете использовать, чтобы убедиться, что ваша интеграция готова к работе. Используйте их с любым CVC, почтовым индексом и будущей датой истечения срока действия.

Заключение

Stripe потенциально является очень хорошим процессором кредитных карт для онлайн-бизнеса. Это быстро и легко реализовать для тех, у кого есть опыт разработки, а также относительно недорого. Основным недостатком Stripe является тот факт, что он не обрабатывает платежи PayPal, в отличие от некоторых своих конкурентов.

Вы можете найти GitHub Repo здесь.

Вы можете поддержать покупку кофе ☕ здесь.

Следите за мной в Twitter и LinkedIn.

Дополнительные материалы на plainenglish.io