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) %>
purchases/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/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)
Stripe::Charge 関数をコメントアウトするなど、 purchase.rb モデルのいくつかのバージョンを試しましたが、それでも 402 Token エラーが発生します。ただし、Customer の作成は成功しています (コード 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 in PurchasesController#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 の新しいメソッドは次のとおりです。
新しい定義
book = Book.find(params[:book_id]) @purchase = book.purchases.build終わり
しかし、購入を送信した後に [戻る] ボタンを押すと (purchase/new.html.erb ページに戻るため)、2 回目の「購入」がデータベースに入力され、Stripe ログのその POST トークンのコードは 200 になります。 （合格）！！！
これは、coffeescript からコンパイルされた JavaScript です。
（関数（） {
var 購入;
jQuery(関数() {
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'));
purchase.setupForm() を返します。
});
購入 = {
setupForm: 関数() {
$('#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(これ);