- Projeto React Native existente
- Acesso ao Stripe Test Mode
- É necessário um backend para pagamentos seguros
Não é necessário acesso ao repositório. Só precisa de acesso ao projeto se quiser que a Bacodo integre diretamente.
Complemento React Native
Adicione a planilha de pagamento @stripe/stripe-react-native ao seu aplicativo React Native existente sem criar formulários de cartão nativos, 3-D Secure e erros de chave secreta do zero. React Native não hospeda webhooks – sua API sim.
A partir de
$145
USD · React Native
Integração Stripe para React Native · React Native
Requirements
Não é necessário acesso ao repositório. Só precisa de acesso ao projeto se quiser que a Bacodo integre diretamente.
O que faz
Bacodo integra Stripe ao projeto React Native que você já possui (Expo ou bare). Após a transferência, a fonte React Native permanece em seu repositório. A chave secreta e o webhook permanecem em um back-end que você já executa. Você ainda possui a conta Stripe e as taxas do Stripe.
Um aplicativo React Native não pode criar PaymentIntents ou verificar webhooks com segurança. Precisa de Folha de Pagamento e um backend que retorne um segredo do cliente. Construir essa divisão errada envia a chave secreta no binário.
Adicionamos @stripe/stripe-react-native, apresentamos a planilha de pagamento de sua ação de checkout React Native existente e transferimos as chamadas de busca que sua API já precisa para PaymentIntents. A verificação do webhook está nessa API, não dentro do React Native.
Sua equipe pula a primeira implementação de produção do Stripe React Native: folha de pagamento, SCA, configuração nativa e uma transferência que documenta como o aplicativo se comunica com sua API.
Desenvolvedores e agências que já possuem um aplicativo React Native iOS/Android e uma API e desejam um caminho Stripe sustentável sem reescrever o aplicativo no Flutter.
Funções principais
Apresente a planilha de pagamento Stripe com @stripe/stripe-react-native de sua ação de pagamento React Native. Os dados do cartão permanecem no Stripe – e não no estado React Native, você persiste.
O aplicativo React Native usa apenas a chave publicável e um segredo do cliente de curta duração da sua API. Stripe Integration for React Native não coloca STRIPE_SECRET_KEY no pacote JS ou no binário nativo.
Ative carteiras na folha de pagamento quando sua conta Stripe, ID de comerciante da Apple e configuração do Google Pay permitirem. O substituto do React Native permanece na planilha de pagamento do cartão.
Envie primeiro o aplicativo React Native com a chave publicável de teste Stripe. A substituição ao vivo é uma mudança de ambiente/sabor documentada mais o segredo ao vivo correspondente em sua API.
Uma tela de agradecimento do React Native não é a fonte da verdade. Sua API verifica o webhook Stripe e, em seguida, o aplicativo React Native lê o estado pago dessa API.
Lide com cartões recusados, folha de pagamento cancelada, falhas de rede e 3-D Secure incompleto para que a UI React Native não deixe o cliente em uma tela morta.
Casos de uso
Você já tem um aplicativo React Native e uma API. Você precisa finalizar a compra da Folha de Pagamento sem reescrever o catálogo no Flutter.
Você precisa de um caminho Stripe sustentável no React Native, fonte no repositório do cliente e uma transição de chave ativa documentada em vez de uma demonstração de lanche.
O aplicativo React Native coleta uma primeira forma de pagamento enquanto as assinaturas permanecem na sua API e no Stripe Billing, caso você já as utilize.
Stripe Integration for React Native é o lado do cliente móvel. Se você também precisa da API construída, o escopo é separado - esse preço não é um novo back-end.
Demo
Visualize o caminho de checkout do React Native: ação de pagamento, folha de pagamento, confirmação e estados de falha. Uma sandbox ativa em sua conta Stripe está disponível após a verificação de compatibilidade. Esta página não processa cobranças reais.
Como funciona
Fluxo de trabalho de complemento Bacodo padrão, com verificações específicas do React Native para Expo vs bare, alvos iOS/Android e a API que o aplicativo já chama.
01
Confirme a integração do Stripe para React Native e se você tem (ou terá escopo) uma API que pode criar PaymentIntents.
02
Revise a versão React Native, Expo ou fluxo de trabalho simples, UI de checkout existente e a linguagem de back-end que o aplicativo já usa.
03
Adicione @stripe/stripe-react-native, apresentação da folha de pagamento, configuração nativa e o contrato de busca ao seu endpoint PaymentIntent.
04
Conecte a chave publicável via env ou sabor. A chave secreta e o webhook permanecem na API.
05
Execute cartões de teste Stripe no iOS e Android, 3-D Secure, cancele/rejeite e confirme o estado das atualizações do webhook da API que o aplicativo React Native lê.
06
Forneça fonte React Native, notas de ambiente e uma lista de verificação de chave ativa. A implementação do React Native é sua para manter.
Arquitetura
O binário React Native nunca contém a chave secreta. A Folha de Pagamento usa um segredo do cliente da sua API. Stripe notifica essa API por webhook. React Native então lê o estado do pedido.
Tecnologias suportadas
React Native atual na Expo ou um fluxo de trabalho simples. Este não é um site React e nem Flutter - veja os patamares do Stripe para essas pilhas.
SDK oficial do Stripe React Native para planilha de pagamento e carteiras.
Criação de PaymentIntent e verificação de webhook no back-end que o aplicativo React Native já chama. Este complemento não substitui essa API por um serviço somente Bacodo.
Sua conta Stripe, chaves de teste e ativas, endpoint de webhook na API e eventos do Dashboard.
O aplicativo React Native é um cliente. O webhook não pode residir apenas no telefone. Um projeto somente de aplicativo sem API não pode concluir esse caminho de checkout.
O que está incluído
Pricing
Este preço é apenas para a plataforma React Native. Ele não usa preços complementares Next.js, React, Django ou Flutter.
Integração Stripe para React Native
Adicione Stripe Payment Sheet pronto para produção a um aplicativo React Native existente e mantenha o código-fonte.
Requisitos
$145
pagamento únicoReact Native
Precisa de um backend?
Checkout seguro viastripe
Entrega e segurança
A verificação típica do React Native Stripe tem escopo após a verificação de compatibilidade do React Native. A linha do tempo depende da Expo vs simples, UI de checkout atual e API.
Cartões de modo de teste, caminhos 3-D Secure, cancelamento e recusa são exercidos no iOS e Android antes de entregarmos.
Somente a chave publicável está no cliente. As chaves secretas e os segredos do webhook permanecem no servidor que o aplicativo React Native chama.
React Native não verifica Stripe-Signature. Sua API faz isso e o React Native lê o resultado.
Não reivindicamos certificação PCI ou fraude zero. O React Native coleta cartões por meio da Folha de Pagamento, não de um formulário de cartão personalizado que armazenamos.
FAQ
A integração do Stripe para React Native inclui a configuração @stripe/stripe-react-native, planilha de pagamento em seu checkout React Native existente, o contrato de busca para sua API PaymentIntent, cobertura de teste de iOS e Android e notas de entrega. Você recebe a fonte React Native em seu projeto. As taxas do Stripe, sua conta Stripe e a construção de um novo back-end são separadas.
Sim. Stripe Integration for React Native foi desenvolvido para um projeto React Native que você já possui. Ajustamos a folha de pagamento e o ponto de entrada do pagamento em sua interface de navegação e checkout React Native atual, em vez de enviar um aplicativo de demonstração separado como entrega.
Sim para um caminho de produção React Native Stripe. PaymentIntents, a chave secreta e a verificação do webhook devem estar em um servidor. O aplicativo React Native recebe apenas uma chave publicável e um segredo do cliente. Se você não tiver API, esse trabalho de back-end terá um escopo separado e não será assumido no preço complementar do React Native.
Stripe Integration for React Native usa @stripe/stripe-react-native, o SDK React Native oficial da Stripe, para planilha de pagamento e botões de carteira em iOS e Android. Não envolvemos o checkout do React Native em um plugin não documentado, a menos que você exija explicitamente um.
Sim, quando sua conta Stripe, ID de comerciante da Apple, configuração do Google Pay e dispositivos forem compatíveis. No React Native, os botões da carteira são de escopo opcional. A planilha de pagamento com cartão no React Native continua sendo o substituto padrão.
Expo e bare React Native são ambos candidatos. Confirmamos o Expo SDK, os plug-ins de configuração e a compatibilidade do módulo nativo durante a verificação de compatibilidade do React Native. Um site React não é esse destino - consulte Stripe Integration for React.
O cliente React Native pode confirmar um PaymentIntent ou coletar uma forma de pagamento através da Folha de Pagamento. Produtos recorrentes do Stripe Billing, portal do cliente e lógica de fatura disponíveis na sua API. O trabalho React Native com muitas assinaturas pode precisar de um orçamento personalizado.
O aplicativo React Native usa apenas a chave publicável Stripe, normalmente via env ou um tipo seguro. A chave secreta e o segredo de assinatura do webhook permanecem no servidor. Stripe Integration for React Native não coloca chaves secretas no APK ou IPA.
Implementamos primeiro o Stripe Integration para React Native contra chaves de teste e cartões de teste do Stripe. A ativação é uma chave documentada e uma transferência de webhook em seu Stripe Dashboard e ambiente de servidor usado pelo aplicativo React Native, não uma ativação de licença complementar.
React Native Payment Sheet e PaymentIntents lidam com 3-D Secure por meio de @stripe/stripe-react-native. O aplicativo React Native deve manter o fluxo da planilha ativo até que o Stripe retorne um status final; Stripe Integration for React Native conecta esses estados explicitamente.
Sim para cumprimento após a planilha de pagamento React Native. A UI React Native não é a fonte da verdade. Seu back-end verifica as assinaturas do webhook do Stripe e, em seguida, marca o pedido como pago, desbloqueia o conteúdo ou notifica o cumprimento.
Sim. Stripe Integration for React Native normalmente mantém seu produto React Native, carrinho e botão de pagamento e apresenta a planilha de pagamento dessa ação. Um formulário de cartão React Native personalizado que aborda dados PAN brutos está fora do escopo padrão porque a Folha de Pagamento é o caminho PCI mais seguro.
Não. Você cria e é proprietário da conta Stripe, das chaves de API e das taxas de processamento do Stripe. O preço complementar do React Native é a implementação em seu projeto React Native, não uma licença de pagamento Bacodo.
Não. Os produtos digitais vendidos na loja iOS ou Android muitas vezes ainda exigem IAP. Stripe Integration for React Native é para checkout Stripe em um aplicativo React Native onde Stripe é um caminho de pagamento permitido para seu tipo de produto.
Sim. Os metadados PaymentIntent, os registros do cliente e os campos que você persiste após a confirmação do webhook são alinhados ao modelo de pedido existente do seu aplicativo React Native durante o Stripe Integration for React Native.
A fonte React Native está em seu repositório, para que sua equipe possa mantê-la. O suporte incluído de 30 dias cobre questões técnicas e defeitos no escopo entregue do Stripe Integration for React Native, e não no trabalho de recurso React Native não relacionado.
Durante a janela de 30 dias, ajudamos com falhas na integração React Native entregue causadas por uma alteração documentada no Stripe ou @stripe/stripe-react-native. As atualizações contínuas do pacote React Native depois disso são sua manutenção ou suporte técnico estendido, se você comprá-lo.
Documentamos como ler o status do PaymentIntent, os logs do Stripe Dashboard e a entrega do webhook no caminho de checkout do React Native. O suporte de 30 dias inclui recusas de solução de problemas, quedas do 3-D Secure e chaves mal configuradas para o fluxo React Native entregue.
Confirmamos sua versão React Native, Expo ou fluxo de trabalho simples, destino de implantação iOS e Android minSdk em relação à versão @stripe/stripe-react-native que fixamos no momento da integração. Tempos de execução React Native mais antigos ou fortemente bifurcados podem precisar de escopo extra.
30 dias após a entrega estão incluídos para o caminho React Native Stripe entregue. O suporte técnico estendido é opcional por 20% do preço complementar do React Native e cobre mais seis meses de ajuda técnica na mesma integração do React Native, não na construção de um novo produto.
Adicione pagamentos Stripe prontos para produção ao seu aplicativo React Native existente, mantenha o código-fonte e mantenha segredos em sua API.
$145