ApplePay 未在使用 Braintree 的 web 应用程序中显示

Question

我正在尝试将 Apple Pay 实施到使用 Braintree 管理付款的现有反应应用程序中。 具体来说，该项目正在使用Braintree-web-drop-in 。

该应用程序已经成功处理信用卡和 paypal 的付款，我只是想添加 Apple Pay 支持。 我相信有几种方法可以实现 Dropin，但目前dropin.create()是项目中使用的方法。

根据文档（上面链接），所需要的只是为create()方法的options参数提供一个applePay属性，我已经这样做了：

createPaymentForm() {
  const total = this.getTotal();
  const displayTotal = total.toFormat('$0.00'); 

  const paypalConfig = config.payPalEnabled && { paypal: { flow: 'vault' } };
  const applePayConfig = config.applePayEnabled && {
    applePay: {
      displayName: 'Test Display Name',
      paymentRequest: {
        total: {
          label: 'Test Fee',
          amount: displayTotal,
        },
        countryCode: 'US',
        currencyCode: 'USD',
        supportedNetworks: ['visa', 'masterCard', 'amex', 'jcb', 'discover'],
        merchantCapabilities: ['supports3DS', 'supportsCredit'],
      }
    },
  };

  dropin.create(
    {
      authorization: this.props.token,
      selector: '#braintree-container',
      paymentOptionPriority: ['card', 'paypal', 'applePay'],
      ...paypalConfig,
      ...applePayConfig,
      card: {
        overrides: {
          styles: {
            // style overrides are here, I didn't change this
          },
        },
      },
    },
    (err, instance) => {
      // callback stuff is here, I didn't change this
    }
  );
}

据我所知，我已遵循文档中列出的所有说明： 此处。 可以在此处找到applePay属性定义以及指向 Apple 的paymentRequest定义的链接。

一个重要的注意事项是，虽然我创建了一个 Apple Sandbox 帐户（此处的文档），但我尚未登录此帐户，因为文档中的警告指出，如果您在生产设备上登录该帐户（即我的 Macbook我想我工作的那个？），该帐户将不再是沙盒帐户，也将不再工作。 我的理解是这个帐户只能在尝试通过 Apple Pay 结帐时使用。

话虽如此，我已经按照上面链接的 Braintree 文档中列出的所有其他步骤进行了操作。

不幸的是，当 dropin 组件加载到网页上时（我使用的是 Safari），我仍然只看到 Credit Card 和 Paypal 作为仅有的两个可用选项。

我的问题是：我做错了什么导致 ApplePay 选项不出现在braintree-web-drop-in组件中？ 我在这里错过了一步吗？ 当我在我的 Mac 上使用 Safari 时，我希望看到 ApplePay 在这里显示为可用选项。

Answer 1

我已经解决了这个问题。 我们正在与客户沟通以通过他们的 Braintree 沙盒控制面板设置 Braintree 沙盒帐户。

事实证明，该应用程序实际上并没有连接到他们的沙箱，而是连接到另一个开发人员最初提出问题时创建的完全不同的沙箱帐户。 一旦我们意识到这一点，我们就访问了该开发者的帐户，启用了 ApplePay，ApplePay 现在出现在选项列表中！

所以我想说，如果将来有人遇到类似的问题，请确保 Braintree 访问密钥与您认为他们所属的帐户匹配。