如何实现同时将信用卡添加至Stripe与Braintree？

由于Stripe.js和Braintree的前端SDK都不会返回明文卡片信息（出于PCI合规要求），直接同步卡片详情不可行，以下是合规且可行的实现方案：

方案1：基于Braintree表单收集，同步至Stripe #

• 前端使用Braintree的托管支付组件（如Drop-in UI）收集用户信用卡信息，生成payment_method_nonce
• 将该nonce发送至你的后端，先调用Braintree API完成客户与支付方式的绑定
• 后端同时调用Stripe的PaymentMethod.create接口，传入参数braintree_payment_method_nonce: "你的Braintree nonce"，将Braintree的支付凭证转换为Stripe可用的Payment Method，再关联到对应Stripe客户

方案2：基于Stripe表单收集，同步至Braintree #

• 前端使用Stripe Elements组件收集卡片信息，生成payment_method_id
• 后端先调用Stripe API将该Payment Method关联到目标Stripe客户
• 随后调用Braintree的PaymentMethod.create接口，传入参数stripe_payment_method_id: "你的Stripe payment method id"，将Stripe的支付凭证转换为Braintree的支付方式，关联到对应Braintree客户

关键注意事项 #

• 所有token转换操作必须在后端完成，禁止在前端暴露API密钥
• 确保后端已正确配置Stripe和Braintree的商户API密钥
• 部分地区的小众卡种可能存在转换限制，建议提前完成兼容性测试

内容的提问来源于stack exchange，提问作者meysam eradeshahy