Почему Stripe Elements не появляется в моем приложении Rails? - PullRequest
Новая
       7

Почему Stripe Elements не появляется в моем приложении Rails?

0 голосов
/ 26 апреля 2020

Я пытаюсь реализовать Stripe в своем приложении RoR, следуя документации . Я выполнил шаги до «4 Сохранить данные карты», где должна отображаться форма, такая как , эта Однако, когда я нажимаю кнопку «Подписаться», ничего не происходит.

Контроллер, который я использую, называется «Подписки». Когда моя кнопка отправки находится в представлении подписок / шоу, ошибка журнала, которую я получаю, составляет ActiveRecord::RecordNotFound (Couldn't find Subscription with 'id'=StripeElements):

Если я перемещаю ее в просмотр подписок / индекса, я получаю ошибку журнала ActionController::RoutingError (No route matches [GET] "/StripeElements.css"):

Я не изменил свои маршруты или контроллер, потому что в документации не сказано, что это требуется. Предложения здесь и здесь не решили мою проблему.

Я использую Rails 5.2.4, Ruby 2.6 & Bootstrap 4.

show. html .erb 

<head>
  <script src="https://js.stripe.com/v3/"></script>
  <link rel="stylesheet" href="StripeElements.css">
</head>

<section class="subscription mt-3">
    <div class="container-fluid text-center bg-grey">
        <div class="row">
            <div class="col-12 justify-content-center align-item-center mb-1">
        <h4><%= @subscription.name %></h4>
        </div>

<body>
  <form id="subscription-form">
    <div id="card-element" class="MyCardElement">
      <!-- Elements will create input elements here -->
    </div>

    <!-- We'll put the error messages in this element -->
    <div id="card-errors" role="alert"></div>
    <button type="submit">SUBMIT</button>
  </form>
</body>

</section>


<script type="text/javascript">
    card.addEventListener('change', function(event) {
  var displayError = document.getElementById('card-errors');
  if (event.error) {
    displayError.textContent = event.error.message;
  } else {
    displayError.textContent = '';
  }
});
</script>

app / assets / javascripts / script. js

var stripe = Stripe('pk_test_NjMKZ5dBTvfebS965Xcu4EbP00veP5dc9C');
var elements = stripe.elements();

app / assets / stylesheets / MyCardElements. css

.MyCardElement {
  height: 40px;
  padding: 10px 12px;
  width: 100%;
  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.MyCardElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.MyCardElement--invalid {
  border-color: #fa755a;
}

.MyCardElement--webkit-autofill {
  background-color: #fefde5 !important;
}

app / assets / javascripts / client. js

var style = {
  base: {
    color: "#32325d",
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
    fontSmoothing: "antialiased",
    fontSize: "16px",
    "::placeholder": {
      color: "#aab7c4"
    }
  },
  invalid: {
    color: "#fa755a",
    iconColor: "#fa755a"
  }
};

var cardElement = elements.create("card", { style: style });
cardElement.mount("#card-element");

subscription_controller.rb 

class SubscriptionsController < ApplicationController
  before_action :set_subscription, only: [:show, :edit, :update, :destroy]

  # GET /subscriptions
  # GET /subscriptions.json
  def index
    @subscriptions = Subscription.all
  end

  # GET /subscriptions/1
  # GET /subscriptions/1.json
  def show
    @subscription = Subscription.find(params[:id])
  end

  private
    # Use callbacks to share common setup or constraints between actions.
    def set_subscription
      @subscription = Subscription.find(params[:id])
    end

    # Never trust parameters from the scary internet, only allow the white list through.
    def subscription_params
      params.fetch(:subscription, {})
    end
end

1 Ответ

0 голосов
/ 29 апреля 2020

https://rails.devcamp.com/trails/ruby-gem-walkthroughs/campsites/payment/guides/how-to-integrate-stripe-payments-in-a-rails-application-charges

Вместо того, чтобы следовать документации Stripe, я следовал этому руководству и добился успеха.

...