条带:创建客户和/或收费时的错误消息 - Ruby on Rails

Question

我在我的Rails应用程序中实现Stripe并在加载条目表单时出现无效令牌错误 - 我还没有提交客户数据.我主要关注http://railscasts.com/episodes/288-billing-with-stripe教程.我做了一些修改,因为它有点不完整.

books/show.html.erb是我链接到表单的页面:

<b>Title:</b>  <%= @book.title %> </p>
<b>Author:</b>  <% authorid = @book.author %></p>

<%= @book.id %>
<%= link_to "Buy Now", new_purchase_path(:book_id => @book.id) %>

purchase/new.html.erb是用户填写信息的地方.加载时,我收到无效令牌错误:

<%= form_for @purchase do |f| %>
  <% if @purchase.errors.any? %>
    <%= pluralize(@purchase.errors.count, "error") %> prohibited this purchase from being saved.
    <% @purchase.errors.full_messages.each do |msg| %>
      <%= msg %>
    <% end %>
  <% end %>

  <%= f.hidden_field :stripe_card_token %>

  <% if @purchase.stripe_card_token.present? %>
    Credit card has been provided.
  <% else %>
    <%= label_tag :card_number, "Credit Card Number" %>
    <%= text_field_tag :card_number, nil, name: nil %><p>

    <%= label_tag :card_code, "Security Code on Card (CVV)" %>
    <%= text_field_tag :card_code, nil, name: nil %><p>

    <%= label_tag :card_month, "Card Expiration" %>
    <%= select_month nil, {add_month_numbers: true}, {name: nil, id: "card_month"} %>
    <%= select_year nil, {start_year: Date.today.year, end_year: Date.today.year+15}, {name: nil, id: "card_year"} %>
  <% end %>

<div id="stripe_error">
  <noscript>JavaScript is not enabled and is required for this form. First enable it in your web browser settings.</noscript>
</div>

  <%= f.submit "Purchase" %>
<% end %>

purchases.js.coffee与教程中的几乎相同.我添加了一些提醒.根据我的Stripe仪表板的状态是402.这是POST/v1 /令牌错误,响应正文是:

error:
  type: "card_error"
  message: "This card number looks invalid"
  param: "number"

purchases.js.coffee:

jQuery ->
  Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'))
  purchase.setupForm()

purchase =
   setupForm: ->
    $('#new_purchase').submit ->
      $('input[type=submit]').attr('disabled', true)
     if $('#card_number').length
       purchase.processCard()
       false
     else
       true

  processCard: ->
    card =
      number: $('#card_number').val()
      cvc: $('#card_code').val()
      expMonth: $('#card_month').val()
      expYear: $('#card_year').val()
    Stripe.createToken(card, purchase.handleStripeResponse)

  handleStripeResponse: (status, response) ->
    if status == 200
      alert('This token can still be charged.')
      alert(response.id)
      $('#purchase_stripe_card_token').val(response.id)
      $('#new_purchase')[0].submit()
    else
      alert(response.error.message) 
      alert('The token was invalid, or has been used.')
      $('#stripe_error').text(response.error.message)
      $('input[type=submit]').attr('disabled', false)

我已经尝试了几个版本的purchase.rb模型,例如注释掉Stripe :: Charge函数,但仍然得到402令牌错误.但是,创建客户是成功的(代码200).

class Purchase < ActiveRecord::Base

  attr_accessible :stripe_customer_token, :author_id, :book_id
  attr_accessor :stripe_card_token

  belongs_to :book

def save_with_payment
  if valid?

    customer = Stripe::Customer.create(
      :description => "customer email", 
      :card => stripe_card_token
    )
    self.stripe_customer_token = customer.id

#    charge = Stripe::Charge.create(  - this code doesn't work either
#      :amount => 1000,
#      :currency => "usd",
#      :card => stripe_card_token,
#      :description => "book title"
#    )
    save!
  end

  rescue Stripe::InvalidRequestError => e
    logger.error "Stripe error while creating customer: #{e.message}"
    errors.add :base, "There was a problem with your credit card."
    false
  end
end

如果我取消注释Stripe :: Charge代码,我得到的错误是:PurchasesController中的Stripe :: CardError #create无法向没有活动卡的客户收费

而且,我的purchases_controller.rb中的create方法

def create
  @purchase = Purchase.new(params[:purchase])
  if @purchase.save_with_payment
    redirect_to @purchase, :notice => "Thank you for purchasing this book!"
  else
    render :new
  end
end

这是在purchases_controller.rb中我的新方法:

def new

 book = Book.find(params[:book_id])    

 @purchase = book.purchases.build  

结束

但是,如果我在提交购买后点击"返回"按钮(返回购买/ new.html.erb页面),则会在我的数据库中输入第二次'购买',并且我的条带日志中的该POST令牌的代码为200 (通过)!!!

这是从coffeescript编译的javascript:

(function(){

var购买;

jQuery(function(){

Stripe.setPublishableKey($( '元[名称= "条纹键"]')ATTR( '内容').);

return buy.setupForm();

});

购买= {

setupForm:function(){

 $('#new_purchase').submit(function() {

   return $('input[type=submit]').attr('disabled', true);

 });

 if ($('#card_number').length) {

   purchase.processCard();

   return false;

 } else {

   return true;

 }

},

processCard:function(){

 var card;

 card = {

   number: $('#card_number').val(),

   cvc: $('#card_code').val(),

   expMonth: $('#card_month').val(),

   expYear: $('#card_year').val()

 };

 return Stripe.createToken(card, purchase.handleStripeResponse);

},

handleStripeResponse:function(status,response){

 if (status === 200) {

   alert('This token can still be charged.');

   alert(response.id);

   $('#purchase_stripe_card_token').val(response.id);

   return $('#new_purchase')[0].submit();

 } else {

   alert(response.error.message);

   alert('The token was invalid, or has been used.');

   $('#stripe_error').text(response.error.message);

   return $('input[type=submit]').attr('disabled', false);

 }

}

};

})调用(这);

Answer 1

正如我在上面的评论中所提到的,CoffeeScript的缩进稍微偏离(CS中的空格很重要).这不是语法错误,所以它仍然编译,但生成的JS不是你想要的.这是正确缩进的代码.

purchase =
  setupForm: ->
    $('#new_purchase').submit ->
      $('input[type=submit]').attr('disabled', true)
      if $('#card_number').length
        purchase.processCard()
        false
      else
        true
  # ...

在您发布的JS中,条件if ($('#card_number').length)存在于绑定到submit事件的匿名函数之外.这会导致条件在页面加载后立即运行,而不是在提交表单时运行.由于在初始加载页面时"#card_number"输入中没有任何内容,因此else以静默方式执行条件的替代(分支).以下是JS应该是这样的:

$('#new_purchase').submit(function() {
  $('input[type=submit]').attr('disabled', true);
  if ($('#card_number').length) {
    purchase.processCard();
    return false;
  } else {
    return true;
  }
});

你看导航"回"到新页面时的行为是在页面加载的结果与输入在"#card_number"字段(执行processCard功能),这是你想要的,只是没有当你想要它.

如果我的推测是正确的,那么在CoffeeScript中修复缩进就是解决方案.