使用 Braintree Dropin UI“未定義 Braintree”

Question

我正在嘗試遵循 Braintree 集成的基礎知識，並且在看到流程中的流程之后遇到了絆腳石。

現在我正在嘗試查看 Braintree 的 dropin UI 並使用他們的代碼，復制和粘貼我遇到了

“腦樹沒有定義”

當 Braintree.dropin.create 被執行時。

<div id="dropin-container"></div>
<button id="submit-button">Purchase</button>

<script src="https://js.braintreegateway.com/web/dropin/1.14.1/js/dropin.min.js"></script>

<script>
  var submitButton = document.querySelector('#submit-button');

  braintree.dropin.create({
    authorization: 'CLIENT_AUTHORIZATION',
    container: '#dropin-container'
  }, function (err, dropinInstance) {
    if (err) {
      // Handle any errors that might've occurred when creating Drop-in
      console.error(err);
      return;
    }
    submitButton.addEventListener('click', function () {
      dropinInstance.requestPaymentMethod(function (err, payload) {
        if (err) {
          // Handle errors in requesting payment method
        }

        // Send payload.nonce to your server
      });
    });
  });
</script>

有沒有人對如何讓這個 dropin 工作有任何建議？

編輯：就開發堆棧而言，我正在 Django 環境中創建它並使用 JavaScript 庫和 Python 庫進行測試。 這個特定的實現我正在嘗試使用 javascript 庫。

Answer 1

我通過重新開始並使用以下代碼解決了我自己的問題：

https://developers.braintreepayments.com/start/hello-client/javascript/v3

<head>
  <meta charset="utf-8">
  <script src="https://js.braintreegateway.com/web/dropin/1.14.1/js/dropin.min.js"></script>
</head>
<body>
  <div id="dropin-container"></div>
  <button id="submit-button">Request payment method</button>
  <script>
    var button = document.querySelector('#submit-button');

    braintree.dropin.create({
      authorization: 'CLIENT_TOKEN_FROM_SERVER',
      container: '#dropin-container'
    }, function (createErr, instance) {
      button.addEventListener('click', function () {
        instance.requestPaymentMethod(function (err, payload) {
          // Submit payload.nonce to your server
        });
      });
    });
  </script>
</body>

然后我通過 Python 庫提供了 CLIENT_TOKEN_FROM_SERVER。 作品。

Answer 2

我有一個類似的問題，並移動了 dropin.create 的代碼，以便在頁面加載並且問題消失后發生

使用 Braintree Dropin UI“未定義 Braintree”

問題描述

2 個解決方案

解決方案1
1 已采納 2019-01-12 19:20:26

解決方案2
0 2020-12-15 17:44:09

使用 Braintree Dropin UI“未定義 Braintree”

問題描述

2 個解決方案

解決方案1 1 已采納 2019-01-12 19:20:26

解決方案2 0 2020-12-15 17:44:09

解決方案1
1 已采納 2019-01-12 19:20:26

解決方案2
0 2020-12-15 17:44:09