将 Stripe 3d Secure 与 Ionic 4 集成答案

【问题标题】：Integrate Stripe 3d Secure with Ionic 4将 Stripe 3d Secure 与 Ionic 4 集成
【发布时间】：2019-09-18 19:55:33
【问题描述】：

我正在创建一个混合应用程序，它使用带有 3d 安全卡的条纹进行支付。实现它的最佳方法是什么。创建收费令牌时我需要提供哪些信息。

到目前为止，如果我使用非 3d 安全卡，一切正常。我可以收费，但使用 3d 安全卡会失败

我明白了：

致命错误：未捕获的 Stripe\Error\Card：您的卡已被拒绝。

this.stripe.setPublishableKey('pk_test_VU9*************1XQfCnP8');
/*This 3d Secure test Card doesn't work  
let card = {    
    number: '4000000000003063',
    expMonth: 12,
    expYear: 2020,
    cvc: '220'
}

console.log (this.stripe.createCardToken(card));

网络上的 3D 安全卡启动模式我如何在 Ionic 上执行此操作。我正在使用 ionic native/stripe（如果它提供更多控制，可以移至 stripe.js）我也在使用条带连接，但没关系。

【问题讨论】：

要触发条纹 3DS，您必须创建 3DS 源而不是使用令牌。按照这里的分步说明进行操作stripe.com/docs/sources/three-d-secure#create-source 话虽如此，Stripe 实际上有一个名为 PaymentIntent 的更新 API，它将自动为您处理 3DS（这意味着如果需要，它会显示 3DS 而无需任何编码），您可以采取看看那里 (stripe.com/docs/payments/payment-intents/quickstart)。
嘿@wsw 感谢您的回复。我可以让它在 Angular 上工作，但即使是支付意图也会启动一个弹出窗口。我可以在 ionic 中使用 inappbrowser 但不知道它的效果如何以及它的工作原理，我会做一些测试。
正在寻找具有 ionic stripe native 的函数来创建源代码，但目前一无所获。
@Amit 你能用 ionic 让它工作吗？

标签： angular stripe-payments ionic4 3d-secure

【解决方案1】：

Paulius Nyoumi 是对的，您应该使用payment intents API 而不是使用旧方式标记您的卡。

另外，为了使这个工作，你需要允许条带请求，基本上添加这个代码：

<allow-navigation href="https://*.stripe.com/*" />
<allow-navigation href="https://*.stripe.network/*" />

这将使 Stripe 在您的表单中创建 iframe 并处理它们所做的不同验证。

【讨论】：

我正在使用 <allow-navigation href="https://js.stripe.com/*" /> <allow-navigation href="https://*" /> 而不是 <allow-navigation href="https://*.stripe.com/*" /> <allow-navigation href="https://*.stripe.network/*" /> 有风险吗？

【解决方案2】：

在 oeder 中使用 3d 安全的最佳方法是移动到新的PaymentIntent api

换句话说，您将在项目中使用 stripe.js。

【讨论】：