Question

我在SaaS应用程序中使用Rails，Devise和Stripe，并且在注册时无法保存客户卡信息。

我想在不收费的情况下保存信息的原因是因为它是一个免费试用的订阅计划。

到目前为止，我可以创建卡令牌并创建客户，它们都出现在Stripe仪表板日志中（POST / v1 / tokens和POST / v1 / customer）。

问题是卡片当时没有显示为客户保存，即它们都已提交但未连接。

我认为这与我在用户模式中创建客户的方式有关：

Stripe::Customer.create(description: plan_id, email: email, plan: plan_id, card: stripeToken)

但我似乎无法找到解决方案。

这是我的表格：

<%= form_for(resource, as: resource_name, url: registration_path(resource_name), :html => {:id => "payment-form"}) do |f| %>
  <%= devise_error_messages! %>

  <%= hidden_field_tag 'plan', params[:plan] %>

  <div class="field form-group">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true, class: 'form-control' %>
  </div>
  <div class="field form-group">
    <%= f.label :password %>
    <% if @validatable %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "off", class: 'form-control' %>
  </div>
  <div class="field form-group">
    <%= f.label :password_confirmation, "Password Confirmation" %><br />
    <%= f.password_field :password_confirmation, autocomplete: "off", class: 'form-control' %>
  </div>
  <!-- CC -->
    <div class="form-row">
      <label for="card-element">
        Credit or Debit Card
      </label>
      <div id="card-element" class="form-control"></div>

      <!-- Used to display form errors -->
      <div id="card-errors" role="alert"></div>
    </div>
  <!-- / CC -->
  <div class="actions form-group text-center" style="margin-top: 40px;">
    <input type="submit" class="btn btn-success btn-block" value="Create Account">
  </div>
<% end %>

这是JS：

#In <head> <script src="https://js.stripe.com/v3/"></script>

var stripe = Stripe('pk_test_sadnasd2n3krekl3k434kla');
  var elements = stripe.elements();
  var card = elements.create('card', { style:
    {
      base: {
        lineHeight: '2'
      }
    }
  });

  // Add an instance of the card UI component into the `card-element` <div>
  card.mount('#card-element');

  function stripeTokenHandler(token) {
    // Insert the token ID into the form so it gets submitted to the server
    var form = document.getElementById('payment-form');
    var hiddenInput = document.createElement('input');
    hiddenInput.setAttribute('type', 'hidden');
    hiddenInput.setAttribute('name', 'stripeToken');
    hiddenInput.setAttribute('value', token.id);
    form.appendChild(hiddenInput);

    // Submit the form
    form.submit();
  }

  function createToken() {
    stripe.createToken(card).then(function(result) {
      if (result.error) {
        // Inform the user if there was an error
        var errorElement = document.getElementById('card-errors');
        errorElement.textContent = result.error.message;
      } else {
        // Send the token to your server
        stripeTokenHandler(result.token);
      }
    });
  };

  // Create a token when the form is submitted.
  var form = document.getElementById('payment-form');
  form.addEventListener('submit', function(e) {
    e.preventDefault();
    createToken();
  });

  card.addEventListener('change', function(event) {
    var displayError = document.getElementById('card-errors');
    if (event.error) {
      displayError.textContent = event.error.message;
    } else {
      displayError.textContent = '';
    }
  });

这是控制器：

class Users::RegistrationsController < Devise::RegistrationsController
  def create
    super do |resource|
      if params[:plan]
        resource.plan_id = params[:plan]
        if resource.plan_id == "1"
          resource.save_with_payment
        else
          resource.save
        end
      end
    end
  end
end

以下是模型：

class User < ApplicationRecord

  attr_accessor :stripeToken

  def save_with_payment
    if valid?
      customer = Stripe::Customer.create(description: plan_id, email: email, plan: plan_id, card: stripeToken)
      self.stripe_customer_token = customer.id
      save!
    end
  end
end

任何人都可以帮助解释卡在创建时未与客户建立链接的原因吗？

Answer 1

条带标记应该在源属性中传递，而不是在卡中传递。

我们正在使用这种方式，你也可以参考它不接受卡属性的API文档。

它接受stripeToken作为客户端点中的源的 Refer

Answer 2

创建客户时，可以将卡令牌添加为sources对象的一部分。

如果您检查related docs，您会发现所需要的只是传递已保存的客户代币。

这里有一个step by step指南以及如何使用Ruby gem将源附加到客户对象

Rails＆amp;条纹 - 条纹卡令牌不保存给新客户以便稍后付款（订阅免费试用）

2 个答案: