- 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.
Complemento Reaccionar nativo
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í.
Desde
$145
USD · React Native
Integración de Stripe para React Native · React Native
Requirements
No hace falta acceso al repositorio. Solo se necesita acceso al proyecto si quiere que Bacodo lo integre directamente.
Qué hace
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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
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.
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.
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.
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
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
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.
01
Confirme la integración de Stripe para React Native y que tiene (o tendrá alcance) una API que puede crear PaymentIntents.
02
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.
03
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.
04
Conecte la clave publicable a través de env o sabor. La clave secreta y el webhook permanecen en la API.
05
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.
06
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
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.
Tecnologías compatibles
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.
SDK nativo oficial de Stripe React para hojas de pago y billeteras.
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.
Su cuenta de Stripe, claves de prueba y activas, punto final de webhook en la API y eventos del Panel de control.
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
Pricing
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
$145
pago únicoReact Native
¿Necesita un backend?
Pago seguro constripe
Entrega y seguridad
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.
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.
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.
React Native no verifica Stripe-Signature. Su API lo hace, luego React Native lee el resultado.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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