Как интегрировать онлайн-банкинг Stripe в свой сайт

Слышали про Stripe? Популярная платежная система для онлайн-бизнеса. Возможно, тут вы вспомнили о Shopify. Если хотите узнать, какая цифровая платформа лучше, читайте нашу прошлую статью.

На бесплатном интенсиве по веб-разработке на зерокоде можно научиться создавать интерактивные сайты. Без навыков программирования!

Как интегрировать Stripe

1. Создайте учетную запись Stripe

Посетите веб-сайт Stripe и зарегистрируйте аккаунт в учетной записи. Нужно будет предоставить подробную информацию о своем бизнесе и о том, как планируете использовать сервис Stripe. А еще банковский счет компании, на который банковский шлюз будет отправлять выплаты по транзакциям клиентов.

2. Получите ключи API

После создания учетной записи надо получить ключи API. Они представляют собой механизм аутентификации для связи вашего веб-сайта с серверами Stripe. На панели инструментов Stripe перейдите в раздел «Разработчики», чтобы найти и сгенерировать ключи API.

3. Установите библиотеки Stripe

Если вы создаете собственную интеграцию, нужно установить библиотеки Stripe в свой проект. Платформа предоставляет библиотеки для многих языков, включая JavaScript, Ruby, Python и другие. Подробные инструкции по установке для выбранного вами языка тут.

4. Интегрируйте Stripe на свой сайт

Если вы используете WordPress, можно взять плагин, например WooCommerce, который поддерживает Stripe. Если пишете код для своего веб-сайта, нужно добавить форму, в которой пользователи смогут вводить данные своей карты, а затем использовать Stripe.js для безопасного приема этих данных.

5. Настройте конечную точку на стороне сервера

Stripe требуется серверный компонент для безопасной обработки платежных запросов и взаимодействия с его API. Создайте выделенную конечную точку на стороне сервера или маршрут в своем приложении для обработки действий, связанных с оплатой.

• используйте библиотеку Stripe в своем серверном коде, чтобы инициализировать Stripe с помощью вашего секретного ключа
• включите функцию, которая получает платежные запросы из вашего клиентского кода, проверяет их и взаимодействует с API Stripe для создания платежных намерений или платежей
• выполните любые необходимые действия после оплаты, такие как обновление базы данных или отправка электронных писем с подтверждением

6. Соберите платежные реквизиты на стороне клиента

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

• включите библиотеку JavaScript Stripe на страницу оформления заказа
• разработайте форму или элементы пользовательского интерфейса для сбора необходимой платежной информации, такой как данные карты и платежный адрес
• инициализируйте Stripe на стороне клиента, используя полученный публикуемый ключ

7. Отправьте платежную информацию на свой сервер

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

• используйте запросы AJAX или отправку форм для безопасной передачи платежных данных на ваш сервер
• убедитесь, что данные передаются через безопасное соединение HTTPS для сохранения конфиденциальности

8. Обработайте ответ и обновите сайт

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

9. Выход в эфир

Если вы уверены, что все работает, можете переключиться в режим реального времени. Замените тестовые ключи API на действующие, и будете готовы начать принимать реальные платежи.