我正在我的 Rails 应用程序中实现 Stripe,当我加载输入表单时出现 Invalid Token 错误 - 我还没有提交客户数据。我主要关注 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 是用户填写信息的地方。加载时,我收到 Invalid Token 错误:<%= 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 %>
purchase.js.coffee 与教程中的几乎相同。我添加了一些警报。根据我的 Stripe 仪表板的状态是 402。这是一个 POST/v1/tokens 错误,响应正文是:error:
type: "card_error"
message: "This card number looks invalid"
param: "number"
购买.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 Token 错误。但是创建客户是成功的(代码 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 代码,我得到的错误是:购买 Controller 中的 Stripe::CardError#create
无法向没有事件卡的客户收费
而且,我的 purchase_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
这是我在 purchase_controller.rb 中的新方法:def new
book = Book.find(params[:book_id]) @purchase = book.purchases.build
end
但是如果我在提交购买后点击返回按钮(返 repo 买/new.html.erb 页面),第二个“购买”将输入到我的数据库中,并且我的 Stripe 日志中该 POST token 的代码是 200 (经过)!!!
这是从 coffeescript 编译的 javascript:
(function() {
var purchase;
jQuery(function() {
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'));
return purchase.setupForm();
});
purchase = {
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); }
}
};
}).call(this);
最佳答案
正如我在上面的评论中提到的,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)
存在于绑定(bind)到提交事件的匿名函数之外。这会导致条件在页面加载后立即运行,而不是在提交表单时运行。由于最初加载页面时“#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 中的缩进就是解决方案。
关于ruby-on-rails-3 - Stripe : error messages when Creating a Customer &/or Charge - Ruby on Rails,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12118086/