如何为新客户为dropin UI生成#Braintree客户端令牌

Question

我已设置引导程序站点并希望将dropin UI置于modal box之内。

我被困在需要生成客户端令牌的部分。我尽可能按照指南进行了操作，但我没有使用ruby或节点或任何只是html页面的东西。

有什么方法可以让我更深入地了解如何生成客户端令牌？我应该使用节点吗？我真的只需要一个按钮，就是这样。

编辑：我已经添加了一切，我目前除了页面的其余部分。我只是在模态中显示它。

     <div class="modal fade" id="myModal" tabindex="-1"> 
          <div class="modal-dialog"> 
           <div class="modal-content"> 
            <div class="modal-header"> 
             <button class="close" data-dismiss="modal" type="button"><span>&times;</span> 
             </button> 

             <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
            </div> 

            <div class="modal-body"> 
             <form action="/checkout" id="checkout" method="post" name="checkout"> 
              <div id="dropin"> 
              </div> 
              <input class="btn btn-primary" type="submit" value="Pay $10"> 
             </form> 
             <script src="https://js.braintreegateway.com/v2/braintree.js"> 
              var gateway = braintree.connect({ 
               environment: braintree.Environment.Sandbox, 
               merchantId: 'xxx', 
               publicKey: 'xxx', 
               privateKey: 'xxx' 
              }); 

              gateway.clientToken.generate({}, function(err, response) { 
               var clientToken = response.clientToken 
              }); 

              gateway.transaction.sale({ 
               amount: '10.00', 
               paymentMethodNonce: 'nonce-from-the-client', 
              }, function(err, result) {}); 
             </script> 
             <script> 
              var 
               braintree.setup(
                "xxx", 
                'dropin', { 
                 container: 'dropin' 
                }); 
             </script> 
            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 

Answer 1

披露：我布伦特里工作:)

您将需要一个服务器为您布伦特里整合。如果您不想自己构建服务器端部件，可以使用Braintree的partners之一为您提供后端，例如goodsie。

更新

您当前的代码有服务器端和客户端JS的混合。您需要使用braintree npm模块在节点服务器上运行服务器端代码（第一个脚本标记中的所有代码），然后将clientToken打印到html模板中。然后，插件可以初始化 - 使用来自服务器的客户端令牌 - 并发挥其魔力。