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

Question

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

Answer 1

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

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

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

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

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

使用上述请求中的 Drop-in 提供的付款方式随机数会将该付款方式存储在您的保险柜中。