Есть много вариантов при рассмотрении способов создания интернет-магазина. Недавно я создал магазин 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.