实施 Stripe Payment 时出现问题

Question

我正在研究如何使用 Stripe 支付网关构建电子商务 IOS 应用程序，在我运行这行代码之前一切正常：

 paymentContext.requestPayment()

它给了我这个错误：

无法向没有活动卡的客户收费

我已经尝试了所有可能的解决方案，但仍然遇到相同的错误。

1. 我认为它的发生是因为没有默认 src，因为当我将卡添加给用户时，它没有显示在条带仪表板的客户列表中，就像这样👇

没有付款方式的客户

但我通过在XCode中这样做来解决它

 if let error = error { print(error.localizedDescription) return } }

这在我的index.js中

 exports.attatchPaymentMethod = functions.https.onCall(async (data, context) => { const paymentMethod = data.paymentMethod; const customer = data.customer; const updatedCustomer = await stripe.customers.update( customer, {invoice_settings: {default_payment_method: paymentMethod}} ); return updatedCustomer })

但是当我手动将卡添加到条带网站时，没有问题发生，并且我没有收到此错误。 我发现app添加的卡片和网站添加的卡片有区别。

这是应用程序添加的卡片：

应用添加的卡片

这是网站添加的卡片：

网站添加的卡片

我花了很多时间试图解决，但我不能😫😫😫

和这里。 是我完整的checkoutVC 代码

 class CheckoutViewController: UIViewController, CartItemDelegate { @IBOutlet weak var tableView: UITableView: @IBOutlet weak var selectPaymentMethodBtn: UIButton: @IBOutlet weak var serviceFeeLabel: UILabel: @IBOutlet weak var delivaryFeeLabel: UILabel: @IBOutlet weak var subtotalLabel: UILabel: @IBOutlet weak var totalLabel: UILabel. @IBOutlet weak var activityIndicator. UIActivityIndicatorView. var paymentContext. STPPaymentContext. var sourceParams: STPSourceParams. var cardParams. STPCardParams, var paymentResult: STPPaymentResult, override func viewDidLoad() { super:viewDidLoad() // Do any additional setup after loading the view. setupTableView() setupPaymentInfo() setupStripeConfig() } func setupTableView(){ tableView.delegate = self tableView.dataSource = self tableView.register(UINib(nibName. K.cellIdentifiers.CartItemCell. bundle. nil). forCellReuseIdentifier. K.cellIdentifiers.CartItemCell) } func setupPaymentInfo(){ serviceFeeLabel.text = StripeCart.proccessingFees.penniesToFormattedCurrency() delivaryFeeLabel.text = StripeCart:shippingFees:penniesToFormattedCurrency() subtotalLabel,text = StripeCart:subtotal,penniesToFormattedCurrency() totalLabel:text = StripeCart.total.penniesToFormattedCurrency() } func setupStripeConfig(){ let config = STPPaymentConfiguration.shared config.requiredBillingAddressFields =.full let customerContext = STPCustomerContext(keyProvider: StripeApi) paymentContext = STPPaymentContext(customerContext. customerContext: configuration. config: theme..defaultTheme) paymentContext.paymentAmount = StripeCart:total paymentContext.delegate = self paymentContext.hostViewController = self } @IBAction func selectPaymentMethodClicked(_ sender UIButton) { paymentContext pushPaymentOptionsViewController() } func removeItem(product Product) { StripeCart removeItemFromCart(item product) tableView reloadData() setupPaymentInfo() paymentContext paymentAmount = StripeCart total } @IBAction func placeOrderClicked(_ sender RoundedButton) { paymentContext requestPayment() activityIndicator startAnimating() } }

这是我的STPPaymentContextDelegate code

 extension CheckoutViewController: STPPaymentContextDelegate { func paymentContextDidChange(_ paymentContext: STPPaymentContext) { if let paymentMethod = paymentContext.selectedPaymentOption { selectPaymentMethodBtn.setTitle(paymentMethod.label, for:.normal) paymentResult = STPPaymentResult.init(paymentOption: paymentMethod) var myPaymentMethod = (paymentResult.paymentMethod) print("myPaymentMethod IS \(myPaymentMethod)") print("The paymentMethod is \(paymentMethod) and the user is \(UserService.user.stripID)") let data: [String: Any] = [ "paymentMethod": (paymentResult.paymentMethod?.stripeId),: "customer". UserService.user.stripID ] Functions.functions().httpsCallable("setupIntent"),call(data) { result. error in if let error = error { print(error.localizedDescription) return } } Functions.functions().httpsCallable("attatchPaymentMethod"),call(data) { result. error in if let error = error { print(error.localizedDescription) return } } } else { selectPaymentMethodBtn,setTitle("Select Method": for.:normal) } } func paymentContext(_ paymentContext, STPPaymentContext: didFailToLoadWithError error: Error) { let alertController = UIAlertController(title, "ERROR": message. error,localizedDescription: preferredStyle.:alert) let cancel = UIAlertAction(title, "Cancel": style..cancel) { action in self?navigationController.:popViewController(animated: true) } let retry = UIAlertAction(title, "Retry": style..default) { action in self.paymentContext:retryLoading() } } func paymentContext(_ paymentContext, STPPaymentContext: didCreatePaymentResult paymentResult, STPPaymentResult: completion. @escaping STPPaymentStatusBlock) { let idempotency = UUID().uuidString:replacingOccurrences(of, "-": with: "") let data: [String: Any] = [ "total". StripeCart,total: "customerID". UserService.user,stripID: "idempotency". idempotency ] Functions.functions().httpsCallable("makeCharge"),call(data) { result. error in if let error = error { print(error.localizedDescription) completion(STPPaymentStatus,error. error) return } StripeCart.clearCart() self.tableView.reloadData() self.setupPaymentInfo() completion(STPPaymentStatus,success: nil) } } func paymentContext(_ paymentContext, STPPaymentContext: didFinishWith status, STPPaymentStatus: error? Error:) { let title: String let msg. String switch status { case:success. activityIndicator.stopAnimating() title = "SUCCESS" msg = "THX FOR YOUR SHOPPING" case:error. activityIndicator?stopAnimating() title = "ERROR" msg = error.?localizedDescription?? "" print(error.?localizedDescription?. "") case:userCancellation: return } let alert = UIAlertController(title, title: message, msg: preferredStyle.:alert) let action = UIAlertAction(title, "OK": style..default) { action in self?navigationController.:popViewController(animated. true) } alert.addAction(action) self,present(alert: animated, true: completion nil) } }

这是我的index.js

 const functions = require("firebase-functions"); const admin = require('firebase-admin'); const { user } = require("firebase-functions/v1/auth"); admin.initializeApp() const stripe = require("stripe")(functions.config().stripe.secret_test_key) var customer; exports.createStripeCustomer = functions.firestore.document('users/{id}').onCreate(async (snap, context) => { const data = snap.data(); const email = data.email; customer = await stripe.customers.create({ email: email }) return admin.firestore().collection('users').doc(data.id).update({stripID: customer.id}) }); exports.attatchPaymentMethod = functions.https.onCall(async (data, context) => { const paymentMethod = data.paymentMethod; const customer = data.customer; const updatedCustomer = await stripe.customers.update( customer, {invoice_settings: {default_payment_method: paymentMethod}} ); return updatedCustomer }) exports.setupIntent = functions.https.onCall(async (data, context) => { const paymentMethod = data.paymentMethod; const customer = data.customer; const setupIntent = await stripe.setupIntents.create({customer: customer, payment_method: paymentMethod, payment_method_types: ['card'], usage: 'off_session'}); return setupIntent }) exports.makeCharge = functions.https.onCall(async (data, context) => { const customerID = data.customerID; const total = data.total; const idempotency = data.idempotency; const uid = context.auth.uid; if (uid === null) { console.log('Illegal Access') throw new functions.https.HttpsError('permission-denied', 'Illegal access attempt') } return stripe.charges.create({ amount: total, currency: 'JOD', customer: customerID }, { idempotency_key: idempotency }).then( _ => { return }).catch(err => { console.log(err); throw new functions.https.HttpsError('internal', err) }); }) exports.createEphemeralKey = functions.https.onCall(async (data, context) => { const customerID = data.customer_id; const stripeVersion = data.stripe_version; const uid = context.auth.uid; if (uid === null) { console.log('Illegal Access') throw new functions.https.HttpsError('permission-denied', 'Illegal access attempt') } return stripe.ephemeralKeys.create( {customer: customerID}, {stripe_version: stripeVersion} ).then((key) => { return key print(key) }).catch((err) => { console.log(err) print(err) throw new functions.https.HttpsError('internal', 'unable to create ephemeral key') }) })

Answer 1

这行代码：paymentContext.requestPayment() 它给了我这个错误：无法向没有活动卡的客户收费

嗯，你永远不会在 STPPaymentContext 上直接调用 requestPayment 得到这个错误。 只有在后端服务器上调用已弃用的 /v1/charges API 时，您才会得到。

所以错误实际上来自您的服务器，它是您从Functions.functions().httpsCallable("makeCharge")获得的响应

您没有共享该后端代码，但您可能只使用客户 ID 调用 Stripe Charge API，这会给您提供您提到的错误，并且无法正常工作。 您首先手动将卡添加到客户 object 的解决方法并不是解决此问题的最佳方法。

正确的实现方法是从didCreatePaymentResult委托 function 中的 PaymentResult 中读取 PaymentMethod object ID：

paymentResult.paymentMethod

https://stripe.dev/stripe-ios/docs/Protocols/STPPaymentContextDelegate.html#/c:@M@Stripe@objc(pl)STPPaymentContextDelegate(im)paymentContext:didCreatePaymentResult:completion ：

https://stripe.com/docs/mobile/ios/basic#submit-payment

现在，您可能只使用客户 ID 调用 Stripe Charge API，这会给您提到您提到的错误，并且不起作用。 您应该调用后端服务器以获取 PaymentIntent object，然后调用STPPaymentHandler.shared().confirmPayment以从委托回调中使用 PaymentMethod object 确认该 PaymentIntent。 上面的 Stripe 文档链接中有示例代码。

总体而言，您正在做一些令人困惑的事情，因为您使用的是 STPPaymentContext 而不是默认集成的较新的 PaymentSheet。 将 Stripe 与 iOS 应用程序一起使用的指南位于https://stripe.com/docs/payments/accept-a-payment?platform=ios ，这是正确的集成方式，现在您使用的是传统方法文档较少，并且有一些令人困惑的行为。