- Существующий проект на React Native
- Доступ к Stripe Test Mode
- Для безопасных платежей нужен бэкенд
Доступ к репозиторию не нужен. Доступ к проекту требуется, только если Bacodo должен интегрировать решение напрямую.
Дополнение React Native
Добавьте @stripe/stripe-react-native Payment Sheet в существующее приложение React Native без создания собственных форм карт, 3-D Secure и ошибок секретного ключа с нуля. React Native не поддерживает веб-перехватчики — они есть в вашем API.
От
$145
USD · React Native
Интеграция Stripe для React Native · React Native
Requirements
Доступ к репозиторию не нужен. Доступ к проекту требуется, только если Bacodo должен интегрировать решение напрямую.
Что делает
Bacodo интегрирует Stripe в уже имеющийся у вас проект React Native (Expo или голый). После передачи исходный код React Native находится в вашем репозитории. Секретный ключ и вебхук остаются на серверной части, которую вы уже используете. Вы по-прежнему владеете учетной записью Stripe и комиссиями Stripe.
Приложение React Native не может безопасно создавать PaymentIntents или проверять веб-перехватчики. Ему нужен платежный лист и серверная часть, которая возвращает секрет клиента. При построении с неправильным разделением секретный ключ передается в двоичном виде.
Мы добавляем @stripe/stripe-react-native, представляем платежный лист из существующего действия проверки React Native и подключаем вызовы выборки, которые уже нужны вашему API для PaymentIntents. Проверка вебхука осуществляется в этом API, а не внутри React Native.
Ваша команда пропускает первую производственную реализацию Stripe React Native: платежный лист, SCA, собственную конфигурацию и передачу, документирующую, как приложение взаимодействует с вашим API.
Разработчики и агентства, у которых уже есть приложение React Native для iOS/Android и API и которым нужен удобный в обслуживании путь Stripe без переписывания приложения во Flutter.
Ключевые возможности
Предоставьте платежную ведомость Stripe с @stripe/stripe-react-native из вашего платежного действия React Native. Данные карты остаются в Stripe, а не в состоянии React Native, которое вы сохраняете.
Приложение React Native использует только публикуемый ключ и недолговечный секрет клиента из вашего API. Интеграция Stripe для React Native не помещает STRIPE_SECRET_KEY в пакет JS или собственный двоичный файл.
Включите кошельки в таблице платежей, если это разрешено вашей учетной записью Stripe, идентификатором продавца Apple и настройками Google Pay. Резервный вариант React Native остается на листе оплаты карты.
Сначала отправьте приложение React Native с публикуемым ключом для тестирования Stripe. Live Cutover — это документированное изменение окружения/варианта плюс соответствующий живой секрет в вашем API.
Экран благодарности React Native не является источником истины. Ваш API проверяет вебхук Stripe, затем приложение React Native считывает платное состояние из этого API.
Обрабатывайте отклоненные карты, отмененные платежные листы, сбои сети и неполную защиту 3-D Secure, чтобы пользовательский интерфейс React Native не оставлял клиента на мертвом экране.
Сценарии
У вас уже есть приложение React Native и API. Вам необходимо оформление платежного листа без переписывания каталога во Flutter.
Вам нужен поддерживаемый путь Stripe в React Native, исходный код в клиентском репозитории и документированное переключение с использованием живого ключа вместо демо-закуски.
Приложение React Native выбирает первый способ оплаты, а подписки остаются на вашем API и Stripe Billing, если вы их уже используете.
Интеграция Stripe для React Native — это мобильная клиентская часть. Если вам также нужен встроенный API, объем которого определяется отдельно — эта цена не является новым бэкэндом.
Демо
Предварительный просмотр пути оформления заказа React Native: действие оплаты, платежный лист, подтверждение и состояния отказа. Живая песочница для вашей учетной записи Stripe доступна после проверки совместимости. Эта страница не обрабатывает реальные платежи.
Как это работает
Стандартный рабочий процесс надстройки Bacodo со специфичными для React Native проверками Expo и Bare, целевыми объектами iOS/Android и API, который приложение уже вызывает.
01
Подтвердите интеграцию Stripe для React Native и убедитесь, что у вас есть (или будет использоваться) API, который может создавать PaymentIntents.
02
Просмотрите версию React Native, Expo или простой рабочий процесс, существующий пользовательский интерфейс оформления заказа и язык серверной части, который уже использует приложение.
03
Добавьте @stripe/stripe-react-native, презентацию платежного листа, собственную конфигурацию и контракт выборки в конечную точку PaymentIntent.
04
Подключите публикуемый ключ через env или Flavor. Секретный ключ и вебхук остаются в API.
05
Запустите тестовые карты Stripe на iOS и Android, 3-D Secure, отмените/отклоните и подтвердите, что обновления веб-перехватчика API считываются приложением React Native.
06
Предоставьте исходный код React Native, заметки по окружению и контрольный список действующих ключей. Реализация React Native остается за вами.
Архитектура
Бинарный файл React Native никогда не хранит секретный ключ. Платежный лист использует секрет клиента из вашего API. Stripe уведомляет этот API с помощью веб-перехватчика. Затем React Native считывает состояние заказа.
Поддерживаемые технологии
Текущий React Native на выставке Expo или пустой рабочий процесс. Это не веб-сайт React и не Flutter — посмотрите эти стопки на лендингах Stripe.
Официальный SDK Stripe React Native для платежных листов и кошельков.
PaymentIntent создает и проверяет веб-перехватчик на бэкэнде, который уже вызывает приложение React Native. Это дополнение не заменяет этот API службой, предназначенной только для Bacodo.
Ваша учетная запись Stripe, тестовые и действующие ключи, конечная точка веб-перехватчика в API и события информационной панели.
Приложение React Native является клиентом. Вебхук не может жить только на телефоне. Проект только для приложения без API не может пройти этот путь оформления заказа.
Что входит
Pricing
Эта цена указана только для платформы React Native. Он не использует цены на надстройки Next.js, React, Django или Flutter.
Интеграция Stripe для React Native
Добавьте готовый к использованию платежный лист Stripe в существующее приложение React Native и сохраните исходный код.
Требования
$145
разовоReact Native
Нужен бэкенд?
Безопасная оплата черезstripe
Передача и безопасность
Типичная проверка React Native Stripe осуществляется после проверки совместимости React Native. Временная шкала зависит от Expo, от текущего пользовательского интерфейса оформления заказа и API.
Карты тестового режима, 3-D Secure, способы отмены и отклонения проверяются на iOS и Android перед передачей.
В клиенте находится только публикуемый ключ. Секретные ключи и секреты веб-перехватчиков остаются на сервере, который вызывает приложение React Native.
React Native не проверяет Stripe-Signature. Ваш API это делает, затем React Native считывает результат.
Мы не претендуем на сертификацию PCI или отсутствие мошенничества. React Native собирает карты через «Платежный лист», а не через специальную форму карты, которую мы храним.
FAQ
Интеграция Stripe для React Native включает настройку @stripe/stripe-react-native, платежный лист в существующей кассе React Native, контракт выборки для вашего API PaymentIntent, покрытие тестов iOS и Android и примечания о передаче. Вы получаете исходный код React Native в своем проекте. Плата за Stripe, ваша учетная запись Stripe и создание нового бэкэнда — это отдельные вопросы.
Да. Интеграция Stripe для React Native создана для уже существующего проекта React Native. Мы встраиваем «Платежный лист» и точку ввода платежа в ваш текущий пользовательский интерфейс навигации и оформления заказа React Native вместо того, чтобы предоставлять отдельное демонстрационное приложение в качестве конечного результата.
Да, для производственного пути React Native Stripe. PaymentIntents, секретный ключ и проверка веб-перехватчика должны находиться на сервере. Приложение React Native получает только публикуемый ключ и секрет клиента. Если у вас нет API, эта работа с серверной частью рассматривается отдельно и не включена в стоимость дополнения React Native.
Интеграция Stripe для React Native использует @stripe/stripe-react-native, официальный SDK React Native от Stripe, для кнопок платежного листа и кошелька на iOS и Android. Мы не помещаем проверку React Native в недокументированный плагин, если он вам явно не требуется.
Да, если ваша учетная запись Stripe, идентификатор продавца Apple, настройки Google Pay и устройства поддерживают их. В React Native кнопки кошелька являются необязательной областью действия. Лист оплаты картой в React Native остается резервным вариантом по умолчанию.
Expo и голый React Native являются кандидатами. Мы подтверждаем совместимость Expo SDK, плагинов конфигурации и собственных модулей во время проверки совместимости React Native. Веб-сайт React — это не эта площадка — см. Интеграция Stripe для React.
Клиент React Native может подтвердить PaymentIntent или получить способ оплаты через Payment Sheet. Продукты повторяющегося выставления счетов Stripe, клиентский портал и логика выставления счетов живут в вашем API. Для работы React Native с большим объемом подписки может потребоваться индивидуальное предложение.
Приложение React Native использует только публикуемый ключ Stripe, обычно через env или безопасный вариант. Секретный ключ и секрет подписи веб-перехватчика остаются на сервере. Интеграция Stripe для React Native не помещает секретные ключи в APK или IPA.
Сначала мы реализуем интеграцию Stripe для React Native с использованием тестовых ключей и тестовых карточек Stripe. Выход в эксплуатацию — это задокументированное переключение ключа и веб-перехватчика на панели мониторинга Stripe и в серверной среде, используемой приложением React Native, а не активация дополнительной лицензии.
React Native Payment Sheet и PaymentIntents обрабатывают 3-D Secure через @stripe/stripe-react-native. Приложение React Native должно поддерживать поток листов до тех пор, пока Stripe не вернет окончательный статус; Интеграция Stripe для React Native явно связывает эти состояния.
Да, для выполнения после React Native Payment Sheet. Пользовательский интерфейс React Native не является источником истины. Ваш сервер проверяет подписи веб-перехватчиков Stripe, а затем отмечает оплаченный заказ, разблокирует контент или уведомляет о выполнении.
Да. Интеграция Stripe для React Native обычно сохраняет ваш продукт React Native, корзину и кнопку оплаты и отображает платежный лист от этого действия. Пользовательская форма карты React Native, которая касается необработанных данных PAN, выходит за рамки области действия по умолчанию, поскольку «Платежный лист» является более безопасным путем PCI.
Нет. Вы создаете и владеете учетной записью Stripe, ключами API и комиссией за обработку Stripe. Цена дополнения React Native — это внедрение в ваш проект React Native, а не платежная лицензия Bacodo.
Нет. Цифровые товары, продаваемые в магазине iOS или Android, часто по-прежнему требуют IAP. Интеграция Stripe для React Native предназначена для оформления заказа Stripe в приложении React Native, где Stripe — это разрешенный способ оплаты для вашего типа продукта.
Да. Метаданные PaymentIntent, записи клиентов и поля, которые вы сохраняете после подтверждения веб-перехватчика, приводятся в соответствие с существующей моделью заказов вашего приложения React Native во время интеграции Stripe для React Native.
Исходный код React Native находится в вашем репозитории, поэтому ваша команда может его поддерживать. Включенная 30-дневная поддержка охватывает технические вопросы и дефекты в поставляемой интеграции Stripe для React Native, а не несвязанную работу с функциями React Native.
В течение 30-дневного периода мы помогаем устранить сбои в поставляемой интеграции React Native, вызванные задокументированным изменением Stripe или @stripe/stripe-react-native. Постоянные обновления пакета React Native после этого — это ваше обслуживание или расширенная техническая поддержка, если вы его покупаете.
Мы документируем, как читать статус PaymentIntent, журналы Stripe Dashboard и доставку веб-перехватчиков из пути оформления заказа React Native. 30-дневная поддержка включает устранение неполадок, отказов от 3-D Secure и неправильной настройки ключей для доставленного потока React Native.
Мы подтверждаем вашу версию React Native, Expo или пустой рабочий процесс, цель развертывания iOS и Android minSdk в соответствии с выпуском @stripe/stripe-react-native, который мы закрепляем во время интеграции. Старым или сильно разветвленным средам выполнения React Native могут потребоваться дополнительные возможности.
30 дней после передачи включены в предоставленный путь React Native Stripe. Расширенная техническая поддержка является необязательной и стоит 20 % от стоимости дополнения React Native и покрывает еще шесть месяцев технической помощи по той же интеграции React Native, а не по созданию нового продукта.
Добавьте готовые к использованию платежи Stripe в существующее приложение React Native, сохраните исходный код и сохраните секреты в своем API.
$145