Ruby on rails 条带付款的自定义说明_Ruby On Rails_Customization_Stripe Payments

Ruby on rails 条带付款的自定义说明

ruby-on-rails stripe-payments

Ruby on rails 条带付款的自定义说明,ruby-on-rails,customization,stripe-payments,Ruby On Rails,Customization,Stripe Payments,我在弄清楚如何将信息与条带事务一起发送以在每次购买时填充“description”字段时遇到了一些问题。基本上，我希望这包括付款表单所在的购买页面的信息。我在每个购买页面上都有一个值，该值显示了一个用户正在为之付费的学校（）。我希望能够在每个付款描述中提取相同的值，以便知道用户为哪所学校捐款。我觉得我自己和我的应用程序都搞不清楚在我的表单页面和我的收费控制器之间应该使用哪些方法来实现这一点，而收费控制器实际处理表单提交并将其发送到Stripe “费用”控制员： class ChargesCont

我在弄清楚如何将信息与条带事务一起发送以在每次购买时填充“description”字段时遇到了一些问题。基本上，我希望这包括付款表单所在的购买页面的信息。我在每个购买页面上都有一个值，该值显示了一个用户正在为之付费的学校（）。我希望能够在每个付款描述中提取相同的值，以便知道用户为哪所学校捐款。我觉得我自己和我的应用程序都搞不清楚在我的表单页面和我的收费控制器之间应该使用哪些方法来实现这一点，而收费控制器实际处理表单提交并将其发送到Stripe

“费用”控制员：

class ChargesController < ApplicationController

  def new
  end

  def create
    Stripe.api_key = "sk_test_ESb8aYrhEOcrNXr3940KehVM"
    # Amount in cents
    @amount = 500
    @school = @pin.school

    charge = Stripe::Charge.create(
      :amount => @amount, 
      :currency => "usd",
      :card => params[:stripeToken],
      :description => @school
    )
  end
end

class ChargesController@amount，
：货币=>“美元”，
：card=>params[：stripeToken]，
：description=>@school
)
结束
结束

付款页：

<head>
    <script type="text/javascript" src="https://js.stripe.com/v1/"></script>
    <script type="text/javascript">
    // this identifies your website in the createToken call below
    Stripe.setPublishableKey('pk_test_j8hulWlnmbug4H14Q0emQixf');

    function stripeResponseHandler(status, response) {
      if (response.error) {
        // Show the errors on the form
        $('.payment-errors').text(response.error.message);
        $('.submit-button').prop('disabled', false);
      } else {
        var $form = $('#payment-form');
        // token contains id, last4, and card type
        var token = response.id;
        var email = $("#email").val();
        // Insert the token into the form so it gets submitted to the server
        $form.append($('<input type="hidden" name="stripeToken" />').val(token));
        // and submit
        $form.get(0).submit();
      }
    }

    $(function() {
      $('#payment-form').submit(function(event) {
        // Disable the submit button to prevent repeated clicks
        $('.submit-button').prop('disabled', true);
        var email = $("#email").val();

        Stripe.createToken({
          name: $('.card-name').val(),
          number: $('.card-number').val(),
          cvc: $('.card-cvc').val(),
          exp_month: $('.card-expiry-month').val(),
          exp_year: $('.card-expiry-year').val()
        }, stripeResponseHandler);

        // Prevent the form from submitting with the default action
        return false;
      });
    });
  </script>
</head>
<div class="row">
    <div class="span10 offset1">
        <div class="well">
            Level 1
            <div class="row">
            <div class="span4">
                <p>
                Level 2
                </p>
                <p>
                <%= image_tag @pin.image %>
                </p>
                <p>
                <% if current_user == @pin.user %>
                <%= link_to 'Edit', edit_pin_path(@pin) %> |
                <% end %>
                <%= link_to 'Back', pins_path %>
                </p>
                </div>
            <div class="span4">Level 3
                <h1>
                    <%= @pin.user.name %>
                </h1>
                <p>
                    <b>School:</b>
                    <%= @pin.school %>
                </p>
                <p>
                    <b>My Story:</b>
                    <%= @pin.description %>
                </p>

                <p>
                    <b>Starting Balance:</b>
                    <%= @pin.loan_orig %>
                </p>
                <p>
                    <b>Current Balance:</b>
                    <%= @pin.loan_cur %>
                </p>
                <p>
                    <b>Progress:</b>
                </p>
                <div class="progress progress-success progress-striped">
                  <div class="bar" style="width: 40%"></div>
                </div>
                <p>
                    <b>Share this profile:</b>
                    <%= request.url %>
                </p>


        <!--Start Stripe Form -->
            </div>
            <div class="row">       
            <div class="span10 offset1">
                    <span class="payment-errors"></span>
                        <form action="/charges" method="POST" id="payment-form"class="form-stacked">

                            <p class="form-label">Email Address:</p>
                                     <input class="text" id="email" spellcheck="false"></input>


                        <div class="form-row" "pull-left">
                            <label>
                              <span>Name</span>
                              <input type="text" size="20" autocomplete="off" class="card-name"/>
                            </label>
                          </div>
                          <div class="form-row" "pull-left">
                            <label>
                              <span>Card Number</span>
                              <input type="text" size="20" autocomplete="off" class="card-number"/>
                            </label>
                          </div>

                          <div class="form-row" "pull-left">
                            <label>
                              <span>Security Code (CVC)</span>
                              <input type="text" size="4" autocomplete="off" class="card-cvc"/>
                            </label>
                          </div>
                        <div class="form-row" "pull-right">
                            <label>Expiry Date</label>
                              <select class="card-expiry-month">
                                <option selected="selected" value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select>
                        </div>
                            <div class="form-row" "pull-right">
                            <select class="card-expiry-year">
                                <option selected="selected" value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="2016">2016</option>
                                <option value="2017">2017</option>
                                <option value="2018">2018</option>
                                <option value="2019">2019</option>
                                <option value="2020">2020</option>
                                <option value="2021">2021</option>
                                <option value="2022">2022</option>
                                <option value="2023">2023</option>
                                <option value="2024">2024</option>
                                <option value="2025">2025</option>
                                <option value="2026">2026</option>
                                <option value="2027">2027</option>
                                <option value="2028">2028</option>
                                <option value="2029">2029</option>
                                <option value="2030">2030</option>
                                <option value="2031">2031</option>
                                <option value="2032">2032</option>
                                <option value="2033">2033</option>
                                <option value="2034">2034</option>
                                <option value="2035">2035</option>
                                <option value="2036">2036</option>
                                <option value="2037">2037</option>
                                <option value="2038">2038</option>
                                </select>
                          </div> 
          <button type="submit" class="btn btn-success">Submit Payment</button>
                        </form>
                <!--End Stripe Form -->
                </div>
            </div>
        </div>
    </div>
 </div>


//这将在下面的createToken调用中标识您的网站
Stripe.setPublishableKey（'pk_test_j8hullnmbug4h14q0emqixf'）；
函数stripeResponseHandler（状态、响应）{
if（response.error）{
//在表单上显示错误
$（'.payment errors'）.text（response.error.message）；
$（'.submit按钮'）.prop（'disabled'，false）；
}否则{
var$form=$（“#付款单”）；
//令牌包含id、last4和卡类型
var token=response.id；
var email=$（“#email”）.val（）；
//将令牌插入表单，以便将其提交到服务器
$form.append（$（''）.val（标记））；
//并提交
$form.get（0.submit（）；
}
}
$（函数（）{
$（“#付款单”）。提交（功能（事件）{
//禁用“提交”按钮以防止重复单击
$（'.submit按钮'）.prop（'disabled'，true）；
var email=$（“#email”）.val（）；
Stripe.createToken({
名称：$（'.card name'）.val（），
编号：$（'.card number'）.val（），
cvc:$（'.card cvc'）.val（），
exp_month:$（'.card expiration month'）.val（），
exp_year:$（'.card expiration year'）.val（）
}，stripeResponseHandler）；
//阻止使用默认操作提交表单
返回false；
});
});
一级

二级




|

三级

学校：


我的故事：


起始余额：


经常项目差额：


进展：


共享此配置文件：

电子邮件地址：
名称
卡号
安全代码（CVC）
到期日
01
02
03
04
05
06
07
08
09
10
11
12
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
付款
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>