Angular 14 中的条纹

Question

我想在我的 Angular 14 项目上实现 Stripe，而不使用 stripe-ngx，因为弹出式设计不适合我。

因此，我使用“个性化支付隧道”，并且我想在我的组件中捕获支付是否“成功”而不重定向到新 URL。这可能吗？

此外，我尝试在我的 Angular 组件中实现完整的 JS 签出，但当我调用该方法时，会返回一个错误：

const { error } = await stripe.confirmPayment({
    elem,
    confirmParams: {
      return_url: `http://localhost/example`,
      receipt_email: emailAddress,
    },
  });

当他在我的变量“elem”中时，他找不到我的“clientSecret”。 有人可以帮助我吗？

Answer 1

我添加重定向：“id_required”，如下所示：

const { error } = await this.stripe.confirmPayment({
  elements,
  confirmParams: {
    receipt_email: this.emailAddress,
  },
  redirect: "if_required"
});


if (error && (error.type === "card_error" || error.type === "validation_error")) {
  this.showMessage(error.message);
} else {
  this.showMessage("An unexpected error occurred.");
}

但是 Stripe 给我返回“发生意外错误。”

关于这个：

您收到的确切错误消息是什么？您可以在调用confirmPayment()之前console.log elem对象吗？

我会修复这个错误，很好，谢谢。