Stripe with Rails 4 错误“客户没有付款来源”使用 stripe.js

Question

尝试使用 stripe.js 提交自定义付款表单（由 subscription#new 操作呈现）时，我收到以下错误消息：“客户没有付款来源”

我提交的表格是：

<% unless @subscription.errors.blank? %>
  <%= @subscription.errors.full_messages.to_sentence %>
<% end %>

<h2>Subscribing to <%= @plan.name %></h2>

<%= form_for [:student, @subscription], html: { id: 'payment-form' } do |f| %>
  <input type="hidden" name="plan_id" value="<%= @plan.id %>" />
  <span class="payment-errors"></span>

  <div class="form-row">
    <label>
      <span>Card Number</span>
      <input type="text" size="20" data-stripe="number"/>
    </label>
  </div>

  <div class="form-row">
    <label>
      <span>CVC</span>
      <input type="text" size="4" data-stripe="cvc"/>
    </label>
  </div>

  <div class="form-row">
    <label>
      <span>Expiration (MM/YYYY)</span>
      <input type="text" size="2" data-stripe="exp-month"/>
    </label>
    <span> / </span>
    <input type="text" size="4" data-stripe="exp-year"/>
  </div>

  <button type="submit">Pay Now</button>
<% end %>

我的订阅控制器如下所示：

class Student::SubscriptionsController < StudentApplicationController
  skip_before_filter :authenticate_user!, except: [:update]
  before_filter :load_plans 
  before_filter :find_plan, except: [:index]

  def index
  end

  def new
    @subscription = Subscription.new
  end

  def create
    if current_user.stripe_customer_id.blank?
      @subscription = CreateSubscription.call(
        @plan,
        current_user.email,
        params[:stripeToken]
        )
        if @subscription.errors.blank?
          flash[:notice] = 'Thank you for your purchase!' +
          'Please click the link in the email we just sent ' +
          'you to get started.'
          redirect_to '/'
        else
          render :new, notice: "Oops something went wrong"
        end
    else
      redirect_to new_student_subscription_path, notice: "You cannot create two subscriptions"
    end

  end

  def edit
  end

  def update
    @plan = Plan.find(params[:plan_id])
    @old_subscription = Subscription.find(current_user.subscription.id)
    @updated_subscription = ChangePlan.call(@old_subscription, @plan)
    if @updated_subscription.errors.blank?
      flash[:notice] = "You are now subscribed to the #{current_user.subscription.plan.name}"
      redirect_to '/'
    else
      render :new, notice: "Oops something went wrong"
    end
  end

  protected

    def load_plans
      @plans = Plan.all.order('amount')
    end

    def find_plan
      @plan = Plan.find(params[:plan_id])
    end

end

创建动作中使用的服务对象是：

class CreateSubscription
  def self.call(plan, email_address, token)
    user, raw_token = CreateUser.call(email_address)

    subscription = Subscription.new(
      plan: plan,
      user: user
    )

    begin
      stripe_sub = nil
      customer = Stripe::Customer.create(
        source: token,
        email: user.email,
        plan: plan.stripe_id,
      )
      user.stripe_customer_id = customer.id
      user.save!
      stripe_sub = customer.subscriptions.first

      subscription.stripe_id = stripe_sub.id
      subscription.expiry = Date.today + 1.month

      subscription.save!
    rescue Stripe::StripeError => e
      subscription.errors[:base] << e.message
    end

    subscription
  end 
end

在 /app/assets/javascripts/students/subscriptions.js 我有：

jQuery(function($) {
  $('#payment-form').submit(function(event) {
    var $form = $(this);

     // Disable the submit button to prevent repeated clicks
    $form.find('button').prop('disabled', true);

    Stripe.card.createToken($form, stripeResponseHandler);

     // Prevent the form from submitting with the default action
    return false;
  });
});

function stripeResponseHandler(status, response) {
  var $form = $('#payment-form');

  if (response.error) {
    // Show the errors on the form
    $form.find('.payment-errors').text(response.error.message);
    $form.find('button').prop('disabled', false);
  } else {
    // response contains id and card, which contains additional card details
    var token = response.id;
    // Insert the token into the form so it gets submitted to the server
    $form.append($('<input type="hidden" name="stripeToken" />').val(token));
    // and submit
    $form.get(0).submit();
  }
};

提交自定义支付表单时，params[:stripeToken]的值为nil，所以我不确定上面的jQuery代码是否有错误。

在 app/views/layouts/application.html.erb 我有：

<head>
  <title>OnlinePlatform</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
  <script type="text/javascript">
  $(function(){
    Stripe.setPublishableKey('<%= Rails.configuration.stripe[:publishable_key] %>');
  });
  </script>
</head>

谁能帮我确定为什么我会从 Stripe 收到错误消息？

谢谢

Answer 1

好的，首先，您的表单在没有令牌的情况下提交，因为在返回 false 之前发生错误，因此它继续使用默认行为。我会添加event.preventDefault(); 作为提交处理程序的第一行，以阻止这种情况发生。接下来，您需要弄清楚为什么没有在 window 对象中定义 Stripe。我怀疑涡轮链接可能在其中发挥作用。暂时禁用 turbolinks 以将其作为变量消除，然后检查页面上是否存在该脚本，并使用浏览器的 javascript 控制台定义 window.Stripe。