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

Question

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

Answer 1

_{完全披露，我在 Braintree 工作。如果您还有任何问题，我建议您联系Support。}

对于您的用例，我建议使用 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 会将该付款方式存储在您的保险柜中。