Ryan Batesのチュートリアルの助けを借りて、Stripeをセットアップすることができました。現在、ユーザーがクレジットカード情報を更新できるようにしようとしています。
現在、アクションボタンがクリックされたときにストライプを呼び出すことができることにハングアップしています。これの考えられる理由は、基本的に新しいクレジットカードを作成するためにライアンのコードをコピーすることによってコーヒースクリプトを一緒にハックしたことです。
これが私が新しいクレジットカード情報を入れるために使用しているフォームです
<%= form_tag("/users/update_card", :method => "put", :class => "edit_user", :id => "change_card" ) do %>
<%= hidden_field_tag :stripe_card_token %>
<div id="stripe_error" class="alert">
<noscript>JavaScript is not enabled and is required for this form. First enable it in your web browser settings.</noscript>
</div>
<div class="field">
<%= label_tag :card_number, "Credit Card Number" %>
<%= text_field_tag :card_number, nil, name: nil %>
</div>
<div class="field">
<%= label_tag :card_code, "Security Code on Card (CVV)" %>
<%= text_field_tag :card_code, nil, name: nil %>
</div>
<div class="field">
<%= 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"} %>
</div>
<%= submit_tag("Update My Credit Card", :class => "button") %>
これが私が使っているCoffeescriptです。前半は新規ユーザーの登録（機能します）をカバーし、後半はchangecard.setupForm（）から始まりますがカバーしません
# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
jQuery ->
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'))
subscription.setupForm()
subscription =
setupForm: ->
$('#new_user').submit ->
$('input[type=submit]').attr('disabled', true)
if $('#card_number').length
subscription.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, subscription.handleStripeResponse)
handleStripeResponse: (status, response) ->
if status == 200
$('#user_stripe_card_token').val(response.id)
$('#new_user')[0].submit()
else
$('#stripe_error').text(response.error.message)
$('input[type=submit]').attr('disabled', false)
changecard.setupForm()
changecard =
setupForm: ->
$('#change_card').submit ->
$('input[type=submit]').attr('disabled', true)
if $('#card_number').length
subscription.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, subscription.handleStripeResponse)
handleStripeResponse: (status, response) ->
if status == 200
$('#user_stripe_card_token').val(response.id)
$('#change_card')[0].submit()
else
$('#stripe_error').text(response.error.message)
$('input[type=submit]').attr('disabled', false)
これが私のupdate_cardアクションです
def update_card
@user = current_user
cu = Stripe::Customer.retrieve(@user.stripe_customer_token)
cu.card = params[:stripe_customer_token] # obtained with Stripe.js
cu.save
redirect_to edit_user_path(@user)
end
ここまで頑張ってくれてありがとう！どうぞよろしくお願いいたします。
編集
javascriptをステップスルーした後、一時停止しました
changecard.setupForm()
それは私が：Pで始めた行です。エラーは
uncaught TypeError: Cannot call method 'setupForm' of undefined
上記のコーヒースクリプトを使用して、チェンジカードが適切に定義されていないようです。変更方法がわかりませんが、助けていただければ幸いです。
編集2
javascriptのデバッグで、これが最終的なコードです。これは、stripe_card_tokenを提供しているようです。
**# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
jQuery ->
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'))
subscription.setupForm()
changecard.setupForm()
subscription =
setupForm: ->
$('#new_user').submit ->
$('input[type=submit]').attr('disabled', true)
if $('#card_number').length
subscription.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, subscription.handleStripeResponse)
handleStripeResponse: (status, response) ->
if status == 200
$('#user_stripe_card_token').val(response.id)
$('#new_user')[0].submit()
else
$('#stripe_error').text(response.error.message)
$('input[type=submit]').attr('disabled', false)
changecard =
setupForm: ->
$('#change_card').submit ->
$('input[type=submit]').attr('disabled', true)
if $('#card_number').length
changecard.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, changecard.handleStripeResponse)
handleStripeResponse: (status, response) ->
if status == 200
$('#stripe_card_token').val(response.id)
$('#change_card')[0].submit()
else
$('#stripe_error').text(response.error.message)
$('input[type=submit]').attr('disabled', false)**