Braintree JS SDK + Rails 集成答案

【问题标题】：Braintree JS SDK + Rails integrationBraintree JS SDK + Rails 集成
【发布时间】：2018-07-25 05:31:22
【问题描述】：

我几乎一字不差地按照this 集成，让我的 Rails 5 应用程序集成了 Braintree SDK。除了我的表单不会显示用于收集 Dropin-UI 附带的信用卡信息的默认基本表单外，一切似乎都进展顺利。它只有购买按钮，仅此而已。

控制台错误提示Uncaught ReferenceError: braintree is not defined

代码如下：查看（交易/新）：

<section class="container nav-main-override">
    <div class="row">
        <div class="form-container radius-box glassy-bg small-10 small-centered medium-8 large-6 columns">
         <h2 class="mbs">New Transaction</h2>
         <%= form_tag transactions_path do%>
         <p>Please enter your payment details:</p>
         <div id="dropin"></div>
         <%=submit_tag "Pay #{current_order.total_price}$", class: "button mt1" %>
         <%end%>
     </div>
   </div>
</section>

事务控制器：

class TransactionsController < ApplicationController

  def new
      gon.client_token = generate_client_token
  end

  def generate_client_token
      Braintree::ClientToken.generate
    end

end

应用程序.js

$(document).on('ready page:load', function(){
     braintree.setup(gon.client_token, 'dropin', { container: 'dropin'});
});

【问题讨论】：

您能否将transactions.js.coffee 文件中的代码添加到您的问题中？该部分初始化 Braintree JS SDK。

标签： javascript ruby-on-rails braintree

【解决方案1】：

确保包含以下内容：

<script src="https://js.braintreegateway.com/v2/braintree.js"></script>

在您的应用程序布局中。

【讨论】：

谢谢亚历克斯！我确实做到了，但仍然没有。
braintree.js 是 JS v2 库的热链接版本，在 2.15.7 版本停止。我建议改用"https://js.braintreegateway.com/js/braintree-2.32.1.min.js"。