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 訪問密鑰與您認為他們所屬的帳戶匹配。