Каков рекомендуемый способ создания «Полосовой подписки-проверка» внутри приложения с помощью React Native?

#react-native #stripe-payments

Вопрос:

Я слежу за этим доком https://stripe.com/docs/billing/subscriptions/checkout. Есть ли какой-нибудь способ, которым я могу напрямую использовать некоторые компоненты из https://github.com/stripe/stripe-react-native или я должен использовать только Webview?

Комментарии:

1. Пожалуйста, проясните вашу конкретную проблему или предоставьте дополнительные сведения, чтобы точно указать, что вам нужно. Поскольку это написано в настоящее время, трудно точно сказать, о чем вы просите.

Ответ №1:

Вам нужно сшить несколько разных руководств из документов Stripe:

шаги по созданию/ подписке выполняются на вашем бэкэнде, поэтому вы выполняете шаги с 1 по 5 здесь: https://stripe.com/docs/billing/subscriptions/elements#install-setup

В остальной части этого руководства используются элементы полосы, которые вы не будете использовать, вы замените их реактивными.

К шагу 5 в этом документе вы создадите Подписку ( status "incomplete" и вам нужно будет оплатить ее первый платеж, чтобы переместить подписку status: "active" ).

b/ Интегрируйтесь CardField или CardForm реагируйте, следуя этому руководству: https://stripe.com/docs/payments/accept-a-payment?platform=react-nativeamp;ui=custom

В этом документе показаны фрагменты на стороне сервера для единовременной оплаты, игнорируйте их, как вы уже сделали шаг 1/.

Интегрируйте реагирующий код на стороне клиента из этого руководства, и на шаге 4/ вы подтвердите платежный запрос client_secret из/ выше.

Ответ №2:

Stripe Checkout (Ваша первая ссылка) — это совсем другое, чем Stripe React Native (библиотека, которую вы используете для добавления элементов пользовательского интерфейса оплаты в свое приложение).

Проверка в полоску:

  • Является размещенным веб-сайтом (по адресу checkout.stripe.com) ваш клиент перенаправляется для завершения покупки, введя свой адрес, данные о способе оплаты и т.д.
  • Несколько, но не очень настраиваемый.

Stripe Реагирует нативно:

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

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

В вашем случае я рекомендую вам следовать этому руководству вместо проверки, чтобы использовать собственные элементы React и SDK.

Комментарии:

1. Это единовременный платеж. Мне нужна подписка.