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

Компонент react-stripe-checkout сделал Stripe.js чрезвычайно простым способом приема платежей через реагирующее приложение. Если вы решите, что это решение для вашего интернет-магазина, вы можете найти эту очень полезную статью о том, как принимать платежи Stripe с использованием компонента react-stripe-checkout и бэкенда Express:

Принимайте платежи Stipe с помощью React и Express

Как только React и Express будут работать вместе для успешной отправки платежей в Stripe, вы можете столкнуться с тем же вопросом, что и я. Как мне передать информацию о доставке в серверную часть Stripe? Если информация о доставке отправляется с каждым успешным платежом, Stripe.com может стать универсальным магазином для всех внутренних потребностей вашего интернет-магазина. Решение на самом деле довольно простое.

Возможно, вы видели что-то вроде этого:

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

Вот так:

Но, к сожалению, токен будет передавать в API Stripe только платежный адрес, не включая адрес доставки. Это можно решить, изменив константу onToken на:

Добавляя metadata: args, вы будете передавать информацию о доставке и оплате в раздел метаданных каждого платежа Stripe. И вуаля, API Stripe теперь получает информацию о доставке вашего клиента каждый раз, когда производится платеж.

Надеюсь, эта статья будет полезна тем, кто пытается собратьинформацию о доставке с помощью компонента react-stripe-checkout и Stripe.