Question

我正在尝试通过braintree.js以一种形式提交一个创建新用户（设计）和付款令牌的表单。我的html表单看起来像这样。

<div class="container">
  <h2 class='registration'>Sign up</h2>
  <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: {:class => 'col-sm-12'}) do |f| %>
    <%= devise_error_messages! %>

    <div class="form-horizontal">
      <%= f.label :email, class: "col-sm-3 control-label" %>
      <div class="col-sm-7">
        <%= f.email_field :email, class: "form-control" %>
      </div>
    </div><br /><br />

    <div class="form-horizontal">
      <%= f.label :full_name, class: "col-sm-3 control-label" %>
      <div class="col-sm-7">
        <%= f.text_field :full_name, class: "form-control",autofocus: true %>
      </div>
    </div><br /><br />

    <div class="form-horizontal">
      <%= f.label :password, class: "col-sm-3 control-label" %>
      <div class="col-sm-7">
        <%= f.password_field :password, autocomplete: "off", class: "form-control" %>
      </div>
    </div><br /><br />

    <div class="form-horizontal">
      <%= f.label :password_confirmation, class: "col-sm-3 control-label" %>
      <div class="col-sm-7">
        <%= f.password_field :password_confirmation, autocomplete: "off", class: "form-control" %>
      </div>
    </div><br /><br />

      <input data-braintree-name="number" value="4111111111111111">
      <input data-braintree-name="cvv" value="100">

      <input data-braintree-name="expiration_month" value="10">
      <input data-braintree-name="expiration_year" value="2020">

      <div id="braintree-container"></div>

      <script src="https://js.braintreegateway.com/v2/braintree.js"></script>
      <script>
        braintree.setup("MY BRAINTREE TOKEN",
                        "custom",
                          {
                          container: "braintree-container",
                          paymentMethodNonceInputField: "payment-method-nonce"}
        );
        var client = new braintree.api.Client({clientToken: <%= @client_token %>});
        client.tokenizeCard({number: "4111111111111111", expirationDate: "10/20"}, function (err, nonce) {

      </script>

    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-6">
        <%= f.submit "Sign up", class: "btn btn-primary form-registration", id: "user-form-submit" %>
      </div>
    </div><br /><br />
  <% end %>
</div>

当我提交时，我认为应该发生的是。 Rails创建一个新用户。然后，Braintree.js使用CC信息向他们的服务发出请求，并发回带有值的参数[：payment method_nonce]。然而，发生了什么是用户被创建，但我没有得到关于payment_method_nonce的信息。

您可以问为什么我要尝试从一个页面添加所有这些信息？我打算在用户注册后创建一个后台工作程序来创建订阅。

控制器（我的用户控制器）

class Users::RegistrationsController < Devise::RegistrationsController
  def new
    @client_token = Braintree::ClientToken.generate()
    super
  end


  def create
    super
  end

 def configure_sign_up_params
    devise_parameter_sanitizer.for(:sign_up) << [:full_name, :credit_card, :cvc,
    :expiration_month, :expiration_year, :token, :client_token]
  end

我的架构看起来像这样

 create_table "users", force: true do |t|
    t.string   "email",                  default: "", null: false
    t.string   "encrypted_password",     default: "", null: false
    t.datetime "created_at"
    t.datetime "updated_at"
    t.string   "full_name",                           null: false
    t.string   "token"
  end

其他信息

-Rails 4 -Ruby 2.0 - Braintree.js v2

Answer 1

我在Braintree工作。 Braintree的自定义集成旨在让您控制表单的外观，同时仍然自动处理信用卡信息到BT服务器的安全传输，并为您的表单添加付款方式nonce。它不与braintree.api.Client和卡标记化一起使用;这仅用于您自己处理卡数据的标记化或在提交之前使用表单执行更复杂的事情。

至于为什么你没有得到nonce，你是否在调用braintree.setup时插入了客户端令牌（就像你在创建客户端时那样）？此外，因为您正在向设置调用提供paymentMethodNonceInputField，所以这是BT javascript将用于向您发送现时的隐藏输入的名称。这是一个可选字段，因此除非您有理由用破折号而不是下划线命名此参数，否则您可能希望将其删除。如果您同时执行这两项操作，则应在控制器中以params[:payment_method_nonce]的形式访问该随机数。

最后，我们建议您不要使用与付款方式相同的格式创建用户。有时候用户会在错误的字段中输入信用卡数据，在这种情况下，它最终会出现在您的服务器上。

要实现目标，您可能需要颠倒事件发生的顺序，并有两个单独的表单。首先，单击“提交”并让Braintree.js执行其操作，然后在传递给它的回调中，将结果放入您提交给rails的单独表单中并提交，然后使用该信息进行用户创建等操作。提交表格。

如果您有其他问题，可能需要与Braintree support联系。

使用Braintree.js创建具有CC信息的用户

1 个答案: