stripe支付后如何保存卡？

Question

我想在我的应用程序中为下次付款保存一张卡，但总是出现相同的异常："Stripe.StripeException：'The provided PaymentMethod was previously used with a PaymentIntent without Customer attachment, shared with a connected account without Customer attachment, or was detached from a Customer. It may not be used again. To use a PaymentMethod multiple times, you must attach it to a Customer first.' “ 我不知道怎么解决。

这是我的 Controller.cs:

public class PaymentController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Processing()
        {
            var service = new PaymentMethodService();
            var obj=service.Get("pm_1ICLE7GcqJgpxMZpnTbfS7Jw");


            var paymentIntents = new PaymentIntentService();
            var paymentIntent = paymentIntents.Create(new PaymentIntentCreateOptions
            {
                Amount = 2000,
                Currency = "usd",
                Customer = "cus_Ing6wBxNYVdB44",
                ReceiptEmail = "eman29@jdecorz.com",
                PaymentMethod = obj.Id,
                Confirm = true,
                OffSession = true
            });//here exception is thrown


            return Json(new { clientSecret = paymentIntent.ClientSecret });
        }
    }

我的client.js代码：

var stripe = Stripe("pk_test_51IBEAOGcqJgpxMZpvVKN2j9K7RJpzazfnG4u0relgSXiVBtNDd7nGgxBmX8BNCvuNerv1jnf0UVL5Uz8ODeJ7wvI00ruu2ByVM");

// Disable the button until we have Stripe set up on the page
document.querySelector("button").disabled = true;
fetch("/Payment/Processing", {
    method: "POST",
    headers: {
        "Content-Type": "application/json"
    },
    body: JSON.stringify(purchase)
})
    .then(function (result) {
        return result.json();
    })
    .then(function (data) {
        var elements = stripe.elements();
        var style = {
            base: {
                color: "#32325d",
                fontFamily: 'Arial, sans-serif',
                fontSmoothing: "antialiased",
                fontSize: "16px",
                "::placeholder": {
                    color: "#32325d"
                }
            },
            invalid: {
                fontFamily: 'Arial, sans-serif',
                color: "#fa755a",
                iconColor: "#fa755a"
            }
        };
        var card = elements.create("card", { style: style });
        // Stripe injects an iframe into the DOM
        card.mount("#card-element");
        card.on("change", function (event) {
            // Disable the Pay button if there are no card details in the Element
            document.querySelector("button").disabled = event.empty;
            document.querySelector("#card-error").textContent = event.error ? event.error.message : "";
        });
        var form = document.getElementById("payment-form");
        form.addEventListener("submit", function (event) {
            event.preventDefault();
            // Complete payment when the submit button is clicked
            payWithCard(stripe, card, data.clientSecret);
        });
    });
// Calls stripe.confirmCardPayment
// If the card requires authentication Stripe shows a pop-up modal to
// prompt the user to enter authentication details without leaving your page.
var payWithCard = function (stripe, card, clientSecret) {
    loading(true);
    stripe
        .confirmCardPayment(clientSecret, {
            payment_method: {
                card: card
            }
        })
        .then(function (result) {
            if (result.error) {
                // Show error to your customer
                showError(result.error.message);
            } else {
                // The payment succeeded!
                orderComplete(result.paymentIntent.id);
            }
        });
};
/* ------- UI helpers ------- */
// Shows a success message when the payment is complete
var orderComplete = function (paymentIntentId) {
    loading(false);
    document
        .querySelector(".result-message a")
        .setAttribute(
            "href",
            "https://dashboard.stripe.com/test/payments/" + paymentIntentId
        );
    document.querySelector(".result-message").classList.remove("hidden");
    document.querySelector("button").disabled = true;
};
// Show the customer the error from Stripe if their card fails to charge
var showError = function (errorMsgText) {
    loading(false);
    var errorMsg = document.querySelector("#card-error");
    errorMsg.textContent = errorMsgText;
    setTimeout(function () {
        errorMsg.textContent = "";
    }, 4000);
};
// Show a spinner on payment submission
var loading = function (isLoading) {
    if (isLoading) {
        // Disable the button and show a spinner
        document.querySelector("button").disabled = true;
        document.querySelector("#spinner").classList.remove("hidden");
        document.querySelector("#button-text").classList.add("hidden");
    } else {
        document.querySelector("button").disabled = false;
        document.querySelector("#spinner").classList.add("hidden");
        document.querySelector("#button-text").classList.remove("hidden");
    }
};

我尝试使用 https://stripe.com/docs/payments/save-during-payment and https://stripe.com/docs/payments/save-and-reuse 中的示例，但无法理解，我做错了什么

我知道这是个愚蠢的问题，但这是我第一次使用 Stripe，我找不到解决这个问题的方法。提前致谢！

Answer 1

为客户重新使用 PaymentMethod 时，必须将其附加到客户身上。有几种方法可以解决这个问题。例如，一种选择是创建一种支付方式，然后在后端调用 attach [1]。另一个选项是使用 Stripe.js 和 Elements 收集卡信息并“设置未来使用”，这将自动将卡附加到客户 [2]。

需要注意的一点是，如果您的代码使用 confirmCardPayment() [3]，这通常是“会话中”付款，因为用户正在主动确认费用。 [4]

[1] https://stripe.com/docs/api/payment_methods/attach

[2] https://stripe.com/docs/js/payment_intents/confirm_card_payment#stripe_confirm_card_payment-data-setup_future_usage

[3]https://stripe.com/docs/js/payment_intents/confirm_card_payment

[4]https://stripe.com/docs/api/payment_intents/create#create_payment_intent-off_session

stripe支付后如何保存卡？

How to save card after payment in stripe?

stripe-payments

asp.net-core