Braintree技术问询：订阅发起时仅默认支付卡片生效，如何实现用户选择非默认支付方式

我来帮你分析一下这个问题：你遇到的核心情况是，用户明明在Drop-in UI里选了非默认的MasterCard，但发起订阅时还是用了默认的Visa卡。这大概率是因为当前的实现没有正确关联用户已保存的支付方式，或者没有获取到选中卡片对应的支付nonce。

问题根源 #

你的客户端代码里，initiateDropin()没有传入用户的customerId——这就导致Drop-in无法加载用户已保存的所有支付方式，哪怕用户看起来选了MasterCard，requestPaymentMethod()最终还是会生成默认卡片的nonce。另外，就算Drop-in显示了已保存卡片，如果没有明确处理选中事件，也可能出现nonce不匹配的情况。

解决方案 #

1. 修正客户端Drop-in初始化，关联客户ID

首先要确保初始化Drop-in时传入用户的customerId，这样才能加载用户已保存的所有支付方式，并且在用户选择非默认卡片时，生成对应卡片的nonce：

// 替换成你实际的客户ID和客户端授权令牌
const customerId = "user_saved_customer_id";
const clientToken = "your_braintree_client_token";

initiateDropin({
  authorization: clientToken,
  customerId: customerId
}).then((dropinInstance) => {
  // 可选：监听支付方式选择事件，确认用户选中的卡片
  dropinInstance.on('paymentMethodSelected', (event) => {
    console.log("用户选中的支付方式：", event.paymentMethod);
  });

  // 请求选中卡片的支付nonce
  dropinInstance.requestPaymentMethod(function (error, payload) {
    if (error) {
      console.error("获取支付方式失败：", error);
      return;
    }
    paymentNonce = payload.nonce;
    // 可选：获取选中支付方式的ID，传给服务端备用
    const selectedPaymentMethodId = payload.paymentMethod.id;
    
    // 这里把paymentNonce（和selectedPaymentMethodId）传给你的后端
  });
});

2. 服务端验证并创建订阅

如果客户端已经正确传递了选中卡片的nonce，那么服务端直接使用这个nonce创建订阅即可。如果想更直接关联已保存的支付方式，也可以用客户端传来的selectedPaymentMethodId（即支付方式的token）：

# 假设你从客户端获取了payment_nonce和可选的selected_payment_method_id
if selected_payment_method_id:
    # 使用已保存的支付方式token创建订阅
    result = braintree_gateway.subscription.create({
        'payment_method_token': selected_payment_method_id,
        'plan_id': tier_chosen,
        'merchant_account_id': settings.BRAINTREE_MERCHANT_ACCOUNT_ID
    })
else:
    # 使用支付nonce创建订阅
    result = braintree_gateway.subscription.create({
        'payment_method_nonce': payment_nonce,
        'plan_id': tier_chosen,
        'merchant_account_id': settings.BRAINTREE_MERCHANT_ACCOUNT_ID
    })

# 别忘了处理创建结果
if result.is_success:
    print("订阅创建成功：", result.subscription)
else:
    print("订阅创建失败：", result.errors)

验证步骤 #

• 在客户端回调里打印payload.paymentMethod，确认显示的是用户选中的MasterCard信息
• 在Braintree控制面板里查看生成的nonce对应的支付方式，确认和用户选中的一致
• 测试订阅创建后，查看订阅详情里的支付方式是否为选中的MasterCard

这样调整后，应该就能确保用户选择的非默认卡片被正确用于订阅了。

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