【问题标题】:Stripe: error messages when Creating a Customer &/or Charge - Ruby on RailsStripe:创建客户和/或费用时的错误消息 - Ruby on Rails
【发布时间】:2012-08-20 12:44:06
【问题描述】:

我正在我的 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) %>

purchases/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 %>

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

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 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 代码,我得到的错误是: 购买控制器中的 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 中的新方法:

定义新

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

 @purchase = book.purchases.build  

结束

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

这是从 coffeescript 编译的 javascript:

(函数() {

var 购买;

jQuery(函数() {

Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'));

return purchase.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;

 }

},

进程卡:函数(){

 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: 函数(状态,响应){

 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);

【问题讨论】:

  • 您是否尝试过将:customer =&gt; customer 传递给Stripe::Charge.create 而不是:card
  • 是的。我通过了 :customer => customer.id ,但也没有用。在输入任何信息之前,该应用似乎在加载页面时提交信息。
  • 您能发布从您的咖啡脚本输出的 javascript 吗?
  • 这个 !@#$%^&* 编辑器不会让我的“代码”看起来像代码,所以我将粘贴上面的代码。
  • 我看到了问题。 CoffeeScript 中的缩进(特别是 setupForm 函数)不正确。与 Railscast 剧集进行交叉检查。今晚有时间我会发布一个正确的答案。

标签: ruby-on-rails-3 debugging token railscasts stripe-payments


【解决方案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) 存在于绑定到提交事件的匿名函数之外。这会导致条件在页面加载后立即运行,而不是在提交表单时运行。由于最初加载页面时“#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;
  }
});

您在导航“返回”到新页面时看到的行为是页面加载的结果 with 在“#card_number”字段中输入(执行processCard 函数),即你想要什么,而不是何时你想要它。

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

【讨论】:

  • 谢谢 dwhalen。这解决了我遇到的最棘手的问题。虽然我仍然遇到 Stripe::Charge 的问题。
  • 据我所知,您肯定需要将 :stripe_card_token 添加到 Purchase 模型中的 attr_accessible 调用中。您还可以从 attr_accessible 调用中删除 :stripe_customer_token。查看提交给 create 操作的参数对进一步调试最有帮助。您可以从您的服务器日志中获取它们,或者在您的购买控制器创建操作中使用raise params.to_yaml
  • :stripe_card_token 不是我数据库中的字段,但:stripe_customer_token 是。根据 Stripe railscast,您不应该将 :stripe_card_token 存储在数据库中,而是将其直接发送到 Stripe。 raise params.to_yaml 给了我一个 RuntimeError in PurchasesController#create
  • 我仍然遇到的问题是:stripe_card_token 没有在Stripe::CustomerStripe::Charge 函数中发送到Stripe。我猜它没有被提交到/通过购买/new.html.erb。我不完全确定 purchase.js.coffee 是做什么的,但我认为它应该将令牌提交给 purchase/new,我想知道是否不是。
  • 啊!我忘记了关于 railscast 的评论:从 jQuery 1.6 开始,您应该使用 prop() 方法来设置布尔属性:'$('input[type=submit]').prop('disabled', true). Stripe: :Charge` 现在可以使用了!但如果我同时提交客户和卡值,则不会。也许应该是这样,因为我也使用Stripe::Customer
【解决方案2】:

页面加载时是否有提交表单的内容? (可能是来自应用程序另一部分的错误 jQuery 请求?)我发现这个页面在设置/测试 Stripe 时帮助了我很多:https://stripe.com/docs/testing

更新

先试试这个

def new
  @book = Book.find(params[:book_id])
  @purchase = @book.purchases.new
end

如果这不起作用,请将您的表单更改为

<%= form_for [@book, Purchase.new] do |f| %>

【讨论】:

  • 我太菜鸟了,无法将 jQuery 放入我的应用程序中。除了空白的脚手架 js.coffee 文件,除了我从 Stripe 教程中粘贴的东西之外,我没有任何 javascript。 /n 出于某种原因,我无法让我在 purchase_controller(上面粘贴)中的“新”方法显示为代码。我从 Hartl railstutorial.org 获得了该代码的想法,在那里他展示了属于用户的微帖子的“创建”方法中的内容。因此,正如您提到的在页面加载时提交,我认为“构建”不是“新”方法的正确代码。
  • 不,“构建”代码属于那里。我仍然无法弄清楚为什么在加载时提交表单。
  • 你能在purchase_controller.rb 中发布:new 方法吗?我不明白为什么它会像你描述的那样提交。我还发现,在关注 railscasts 时遇到障碍,重新开始使用新应用程序并特别注意经常准确地收听和复制所有内容可以帮助我发现错误。
  • 您实际上遇到了我遇到的另一个问题,您的更改有所帮助。
猜你喜欢
  • 2016-09-11
  • 2014-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多