javascript - 如何在 Braintree 插入式 UI 中实现选择加入和选择退出功能

Question

我在我的 Angular 项目中添加了 Braintree 插件 UI。在那里，我展示了保险库中现有的付款方式。现在我想实现功能，以便当用户选中复选框时，在这种情况下，唯一的卡（付款方式）将添加到保险库。

Answer 1

_{完全披露，我在 Braintree 工作。如果您还有其他问题，我建议您联系支持。}

对于您的用例，我建议使用 API 将卡片存储在 Vault 中，而不是使用 Drop-in UI 中的内置功能。vaultCard原因是，将选项设置为false比动态更新 Drop-in 配置要简单得多。

从那里，您可以将所选卡的付款方式 nonce 提交到您的服务器以执行PaymentMethod.create()API 请求。例如，以下是使用 .NET SDK 的请求的样子：

var request = new PaymentMethodRequest
{
    CustomerId = "THE_CUSTOMER_ID",
    PaymentMethodNonce = NonceFromTheClient
};

Result<PaymentMethod> result = gateway.PaymentMethod.Create(request);

使用上述请求中的 Drop-in 提供的付款方式 nonce 会将该付款方式存储在您的 Vault 中。