BacodoBACODO

Complemento Reaccionar nativo

Integración de Stripe para React Native

Agregue la hoja de pago @stripe/stripe-react-native a su aplicación React Native existente sin crear formularios de tarjetas nativos, 3-D Secure y errores de clave secreta desde cero. React Native no aloja webhooks, su API sí.

  • Código fuente completo incluido y tuyo permanentemente
  • No se requiere clave de licencia complementaria ni licencia recurrente
  • Listo para producción y probado
  • Integrado en su proyecto y pila React Native existente
  • Incluye soporte técnico de 30 días después de la entrega
  • Soporte técnico ampliado opcional de 6 meses al 20 % del precio del complemento

Desde

$145

USD · React Native

Ver demostración

Integración de Stripe para React Native · React Native

Código fuente completoSin clave de licenciaListo para producciónIntegración probadaSoporte de 30 días

Requirements

What Integración de Stripe para React Native needs

  • Proyecto React Native existente
  • Acceso a Stripe Test Mode
  • Se requiere backend para pagos seguros

No hace falta acceso al repositorio. Solo se necesita acceso al proyecto si quiere que Bacodo lo integre directamente.

Qué hace

Hoja de pago en su aplicación React Native: la API aún posee secretos

Bacodo integra Stripe en el proyecto React Native que ya tienes (Expo o bare). Después de la transferencia, la fuente de React Native se encuentra en su repositorio. La clave secreta y el webhook permanecen en un servidor que ya ejecuta. Aún eres propietario de la cuenta Stripe y de las tarifas de Stripe.

problema que resuelve

Una aplicación React Native no puede crear PaymentIntents ni verificar webhooks de forma segura. Necesita una hoja de pago y un servidor que devuelva un secreto de cliente. Construir esa división incorrecta envía la clave secreta en el binario.

Cómo aterriza en el proyecto

Agregamos @stripe/stripe-react-native, presentamos la hoja de pago de su acción de pago de React Native existente y conectamos las llamadas de recuperación que su API ya necesita para PaymentIntents. La verificación del webhook se realiza en esa API, no dentro de React Native.

Por qué ahorra tiempo de desarrollo

Su equipo se salta la primera implementación de producción de Stripe React Native: hoja de pago, SCA, configuración nativa y una entrega que documenta cómo la aplicación se comunica con su API.

para quien es

Desarrolladores y agencias que ya tienen una aplicación React Native para iOS/Android y una API, y desean una ruta de Stripe que se pueda mantener sin tener que reescribir la aplicación en Flutter.

Funciones clave

Qué incluye Integración de Stripe para React Native

Hoja de pago en React Native

Presente la hoja de pago de Stripe con @stripe/stripe-react-native de su acción de pago de React Native. Los datos de la tarjeta permanecen en Stripe, no en el estado React Native, usted persiste.

React Native recupera los secretos del cliente, nunca la clave secreta

La aplicación React Native solo utiliza la clave publicable y un secreto de cliente de corta duración de su API. La integración de Stripe para React Native no coloca STRIPE_SECRET_KEY en el paquete JS o en el binario nativo.

Apple Pay y Google Pay en React Native

Habilite las billeteras en la Hoja de pagos cuando su cuenta de Stripe, su ID de comerciante de Apple y su configuración de Google Pay lo permitan. El respaldo de React Native permanece en la hoja de pago de la tarjeta.

Modo de prueba React Native y luego clave publicable en vivo

Primero envíe la aplicación React Native con la clave publicable de prueba de Stripe. La transición en vivo es un cambio de entorno/sabor documentado más el secreto en vivo correspondiente en su API.

El cumplimiento no es una pantalla de éxito de React Native

Una pantalla de agradecimiento de React Native no es la fuente de la verdad. Su API verifica el webhook de Stripe, luego la aplicación React Native lee el estado pago de esa API.

Reaccionar error nativo y cancelar estados

Maneje tarjetas rechazadas, hojas de pago canceladas, fallas de red y 3-D Secure incompleto para que la interfaz de usuario de React Native no deje al cliente en una pantalla muerta.

Casos de uso

Cuándo encaja Integración de Stripe para React Native

Tienda React Native existente en iOS y Android

Ya tienes una aplicación React Native y una API. Necesita realizar el pago de la Hoja de pago sin reescribir el catálogo en Flutter.

Agencia que entrega una aplicación cliente React Native a producción

Necesita una ruta de Stripe que se pueda mantener en React Native, una fuente en el repositorio del cliente y una transferencia de clave en vivo documentada en lugar de una demostración de refrigerio.

Muro de pago SaaS en React Native

La aplicación React Native recopila un primer método de pago mientras las suscripciones permanecen en su API y Stripe Billing si ya las usa.

La aplicación React Native, Django o Node API ya están implementadas

Stripe Integration para React Native es el lado del cliente móvil. Si también necesita crear la API, su alcance se establece por separado; este precio no es un backend nuevo.

Demo

Vista previa del flujo de la hoja de pago de React Native

Obtenga una vista previa de la ruta de pago de React Native: acción de pago, hoja de pago, confirmación y estados de falla. Una zona de pruebas en vivo para su cuenta de Stripe está disponible después de la verificación de compatibilidad. Esta página no procesa cargos reales.

Cómo funciona

Cómo se entrega la integración de Stripe para React Native

Flujo de trabajo del complemento estándar de Bacodo, con comprobaciones específicas de React Native para Expo vs bare, objetivos iOS/Android y la API que la aplicación ya llama.

  1. 01

    Seleccione reaccionar banda nativa

    Confirme la integración de Stripe para React Native y que tiene (o tendrá alcance) una API que puede crear PaymentIntents.

  2. 02

    Comprobación de compatibilidad de React Native

    Revise la versión de React Native, la Expo o el flujo de trabajo simple, la interfaz de usuario de pago existente y el idioma de backend que la aplicación ya usa.

  3. 03

    Integrar en React Native

    Agregue @stripe/stripe-react-native, la presentación de la hoja de pago, la configuración nativa y el contrato de recuperación a su punto final PaymentIntent.

  4. 04

    Configurar la aplicación React Native

    Conecte la clave publicable a través de env o sabor. La clave secreta y el webhook permanecen en la API.

  5. 05

    Pruebe la ruta de pago React Native

    Ejecute tarjetas de prueba de Stripe en iOS y Android, 3-D Secure, cancele/rechace y confirme el estado de las actualizaciones del webhook de API que lee la aplicación React Native.

  6. 06

    Entregar la fuente de React Native

    Entregue la fuente React Native, notas ambientales y una lista de verificación de claves en vivo. La implementación de React Native es suya para mantenerla.

Arquitectura

Cómo se conecta Stripe a un proyecto React Native

El binario de React Native nunca contiene la clave secreta. La Hoja de Pago utiliza un secreto de cliente de su API. Stripe notifica esa API mediante webhook. React Native luego lee el estado del pedido.

Reaccionar aplicación nativaHoja de pagoTu APIIntenciones de pago de rayasWebhook → APIReact Native lee el estado pagado

Tecnologías compatibles

Qué usa realmente Integración de Stripe para React Native

Reaccionar nativo en iOS y Android

React Native actual en Expo o un flujo de trabajo simple. Este no es un sitio web de React ni Flutter; consulte los aterrizajes de Stripe para conocer esas pilas.

@stripe/stripe-react-nativo

SDK nativo oficial de Stripe React para hojas de pago y billeteras.

Tu API existente

Creación de PaymentIntent y verificación de webhook en el backend que la aplicación React Native ya llama. Este complemento no reemplaza esa API con un servicio exclusivo de Bacodo.

Cuenta Stripe para la aplicación React Native

Su cuenta de Stripe, claves de prueba y activas, punto final de webhook en la API y eventos del Panel de control.

backend requerido

La aplicación React Native es un cliente. El webhook no puede vivir únicamente en el teléfono. Un proyecto de solo aplicación sin API no puede completar esta ruta de pago.

Qué incluye

Qué incluye la integración de Stripe para React Native

  • Integración en el proyecto React Native existente
  • Código fuente completo en su repositorio
  • Presentación de hoja de pago y sobre de clave publicable
  • Obtener contrato en su API PaymentIntent
  • Flujos de pago React Native probados en iOS y Android antes de la entrega
  • Notas de traspaso para la transición de prueba a vida
  • Soporte técnico de 30 días después de la entrega

No en el precio adicional

  • Cuenta de Stripe, claves API y tarifas de procesamiento de Stripe: usted es el propietario de ellas
  • Un nuevo backend si no tienes una API que pueda crear PaymentIntents
  • Una reescritura de React Native a Flutter
  • Reemplazo de compras dentro de la aplicación de Apple o Google
  • Marketplace Connect o facturación personalizada a menos que se trate de un trabajo personalizado

Pricing

Integración de Stripe para precios de React Native

Este precio es solo para la plataforma React Native. No utiliza precios de complementos de Next.js, React, Django o Flutter.

Integración de Stripe para React Native

Agregue la hoja de pago Stripe lista para producción a una aplicación React Native existente y conserve el código fuente.

Requisitos

  • Proyecto React Native existente
  • Acceso a Stripe Test Mode
  • Se requiere backend para pagos seguros

$145

pago único

React Native

¿Necesita un backend?

  • Código fuente completo
  • Sin cuota de licencia
  • 30 días de soporte
  • Integración completa

Pago seguro constripe

Entrega y seguridad

Prácticas de seguridad y entrega de React Native

Entrega estimada de React Native

El pago típico de React Native Stripe tiene como alcance después de la verificación de compatibilidad de React Native. La línea de tiempo depende de la Expo frente a la interfaz de usuario de pago actual y la API.

Probado en React Native antes de la entrega

Las tarjetas en modo de prueba, 3-D Secure, las rutas de cancelación y rechazo se ejecutan en iOS y Android antes de realizar la entrega.

Los secretos de Stripe permanecen fuera del binario React Native

Sólo la clave publicable está en el cliente. Las claves secretas y los secretos del webhook permanecen en el servidor al que llama la aplicación React Native.

La verificación del webhook está en la API, no en React Native

React Native no verifica Stripe-Signature. Su API lo hace, luego React Native lee el resultado.

No hay afirmaciones de seguridad de React Native no verificables

No reclamamos certificación PCI ni fraude cero. React Native recopila tarjetas a través de la Hoja de pago, no a través de un formulario de tarjeta personalizado que almacenamos.

FAQ

Preguntas frecuentes

¿Qué incluye la integración de Stripe para React Native?

La integración de Stripe para React Native incluye la configuración @stripe/stripe-react-native, la hoja de pago en su proceso de pago de React Native existente, el contrato de recuperación de su API PaymentIntent, cobertura de prueba de iOS y Android, y notas de entrega. Recibirás la fuente de React Native en tu proyecto. Las tarifas de Stripe, su cuenta de Stripe y la creación de un nuevo backend son independientes.

¿Integrarás Stripe en nuestra aplicación React Native existente?

Sí. La integración de Stripe para React Native está diseñada para un proyecto de React Native que ya tienes. Adaptamos la hoja de pago y el punto de entrada de pago a su interfaz de usuario de pago y navegación actual de React Native en lugar de enviar una aplicación de demostración separada como entregable.

¿La integración de Stripe para React Native requiere un backend?

Sí, para una ruta de producción de React Native Stripe. PaymentIntents, la clave secreta y la verificación del webhook deben residir en un servidor. La aplicación React Native solo recibe una clave publicable y un secreto de cliente. Si no tiene API, ese trabajo de backend tiene un alcance separado y no se incluye en el precio del complemento React Native.

¿Qué paquete de Stripe utiliza Stripe Integration para React Native?

La integración de Stripe para React Native utiliza @stripe/stripe-react-native, el SDK oficial de React Native de Stripe, para la hoja de pago y los botones de billetera en iOS y Android. No incluimos el pago de React Native en un complemento no documentado a menos que lo requiera explícitamente.

¿La integración de Stripe para React Native es compatible con Apple Pay y Google Pay?

Sí, cuando tu cuenta de Stripe, tu ID de comerciante de Apple, tu configuración de Google Pay y tus dispositivos los admitan. En React Native, los botones de billetera son de alcance opcional. La hoja de pago con tarjeta en React Native sigue siendo la alternativa predeterminada.

¿Está Expo incluida en la integración de Stripe para React Native?

Expo y React Native son candidatos. Confirmamos la compatibilidad del SDK de Expo, los complementos de configuración y el módulo nativo durante la verificación de compatibilidad de React Native. Un sitio web de React no es este aterrizaje; consulte Integración de Stripe para React.

¿Puede Stripe Integration para React Native cobrar pagos de suscripción?

El cliente de React Native puede confirmar un PaymentIntent o cobrar un método de pago a través de la Hoja de Pago. Los productos recurrentes de Stripe Billing, el portal de clientes y la lógica de facturación se encuentran en su API. El trabajo React Native con muchas suscripciones puede necesitar una cotización personalizada.

¿Dónde se encuentran las claves secretas y publicables de Stripe en una aplicación React Native?

La aplicación React Native solo usa la clave publicable de Stripe, generalmente a través de env o una versión segura. La clave secreta y el secreto de firma del webhook permanecen en el servidor. La integración de Stripe para React Native no coloca claves secretas en el APK o IPA.

¿Cómo funcionan el modo de prueba de Stripe y el modo en vivo en React Native?

Primero implementamos la integración de Stripe para React Native contra las claves de prueba y las tarjetas de prueba de Stripe. La puesta en marcha es una clave documentada y una transferencia de webhook en su Stripe Dashboard y en el entorno del servidor utilizado por la aplicación React Native, no una activación de licencia complementaria.

¿Cómo maneja Stripe Integration para React Native 3-D Secure/SCA?

React Native Payment Sheet y PaymentIntents manejan 3-D Secure a través de @stripe/stripe-react-native. La aplicación React Native debe mantener vivo el flujo de la hoja hasta que Stripe devuelva un estado final; La integración de Stripe para React Native conecta esos estados explícitamente.

¿Se requieren webhooks de Stripe para realizar el pago con React Native?

Sí, para cumplimiento después de la hoja de pago de React Native. La interfaz de usuario de React Native no es la fuente de la verdad. Su backend verifica las firmas del webhook de Stripe y luego marca el pedido pagado, desbloquea el contenido o notifica el cumplimiento.

¿Podemos mantener nuestra interfaz de usuario de pago React Native actual con Stripe?

Sí. La integración de Stripe para React Native generalmente mantiene su producto, carrito y botón de pago de React Native y presenta la hoja de pago de esa acción. Un formulario de tarjeta React Native personalizado que toca datos PAN sin procesar está fuera del alcance predeterminado porque la Hoja de pago es la ruta PCI más segura.

¿El precio de la integración de Stripe para React Native incluye una cuenta o tarifas de Stripe?

No. Usted crea y es propietario de la cuenta Stripe, las claves API y las tarifas de procesamiento de Stripe. El precio del complemento React Native es la implementación en su proyecto React Native, no una licencia de pago de Bacodo.

¿La integración de Stripe para React Native reemplazará la compra dentro de la aplicación de Apple o Google?

No. Los productos digitales vendidos dentro de la tienda de iOS o Android a menudo aún requieren IAP. La integración de Stripe para React Native es para el pago de Stripe en una aplicación React Native donde Stripe es una ruta de pago permitida para su tipo de producto.

¿Podemos personalizar los recibos y metadatos de Stripe en React Native?

Sí. Los metadatos de PaymentIntent, los registros de clientes y los campos que conserva después de la confirmación del webhook se alinean con el modelo de pedido de su aplicación React Native existente durante la integración de Stripe para React Native.

¿Qué soporte de React Native se incluye después de la transferencia de Stripe?

La fuente de React Native está en su repositorio, por lo que su equipo puede mantenerla. El soporte incluido de 30 días cubre preguntas técnicas y defectos en el alcance de Integración de Stripe para React Native entregado, no el trabajo de funciones de React Native no relacionado.

¿Cómo se manejan las actualizaciones de stripe-react-native o Stripe API en React Native?

Durante el período de 30 días, ayudamos con la rotura en la integración de React Native entregada causada por un cambio documentado de Stripe o @stripe/stripe-react-native. Las actualizaciones continuas del paquete React Native después de eso son su mantenimiento o soporte técnico extendido si lo compra.

¿Qué pasa si los pagos de Stripe fallan en una aplicación React Native de producción?

Documentamos cómo leer el estado de PaymentIntent, los registros del Stripe Dashboard y la entrega de webhooks desde la ruta de pago de React Native. El soporte de 30 días incluye rechazos de solución de problemas, caídas de 3-D Secure y claves mal configuradas para el flujo React Native entregado.

¿Qué versiones de React Native son compatibles con la integración de Stripe para React Native?

Confirmamos su versión de React Native, Expo o flujo de trabajo básico, objetivo de implementación de iOS y minSdk de Android con la versión @stripe/stripe-react-native que fijamos en el momento de la integración. Los tiempos de ejecución de React Native más antiguos o muy bifurcados pueden necesitar un alcance adicional.

¿Qué es el soporte de 30 días versus el soporte técnico extendido de 6 meses para la integración de Stripe para React Native?

Se incluyen 30 días después de la entrega para la ruta entregada de React Native Stripe. El soporte técnico extendido es opcional al 20 % del precio de este complemento de React Native y cubre seis meses más de ayuda técnica en la misma integración de React Native, no en la creación de un nuevo producto.

Integración de Stripe para React Native

Agregue pagos Stripe listos para producción a su aplicación React Native existente, conserve el código fuente y guarde secretos en su API.

$145