pay.jpを利用した決済のトークンの受け渡し

Question

Ruby on railsで販売機能のあるアプリケーションを構築しています。
Pay.jpを利用した実装で苦心をしており、ご助言サポートをいただければ嬉しいです。

発生している問題・エラーメッセージ

Please provide either a token, a set of card parameters or a customer ID with an active card.

カード情報入力してトークン化されて情報がうまくviewからcontrollerに渡せていないような気がしています。

※カード情報の入力後以下の形式でviewではhiddenとしてトークン情報は発行されています。
<input type="hidden" name="payjp-token" value="tok_....">

ソースコード (new.html.erb)

<h2>決済のお手続き</h2>

<div class="row">
<%= form_for @order, :url => {:action => 'pay'} do |f| %>
  <div class="card mb-4">
    <div class="card-header">
      <p>購入者情報</p>
    </div>
    <div class="card-block">
      <table>
        <tbody>
          <tr>
            <th>購入者ID</th>
            <td class="px-2"><%= @user.id %><%= f.hidden_field :user_id, :value => @user.id %></td>
          </tr>
          <tr>
            <th scope="row">あなたのご注文</th>
            <td><%= @teacher.id %><%= f.hidden_field :teacher_id, :value => @teacher.id %></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>


<script type="text/javascript" src="https://checkout.pay.jp" class="payjp-button" data-partial="true" data-key="公開キー(pk...)" data-on-created="onCreated" ></script>

<div>
   <button type="submit" class="btn btn-primary">送信する</button>
</div>
<% end %>

  <br>
  <div>
    <%= link_to "トップへ", root_path %>
  </div>

ソースコード(Order_controller.rb)

class OrdersController < ApplicationController

before_action :user_check!, only: :new

  def new
    @order = Order.new
    @teacher = Teacher.find_by(id: params[:format])
    @user = current_user
  end

  def create
  end

  def index
    @orders = Order.find_by(params[:id])
  end


  def pay
      Order.create(order_params)
      Payjp.api_key = '秘密キーsk...'
      charge = Payjp::Charge.create(
      :amount => 100,
      :card => order_params['payjp-token'],
      :currency => 'jpy',
  )
  end

private

  def order_params
    params.require(:order).permit(:user_id, :teacher_id)
    params.permit('payjp-token')
  end

  def user_check!
    unless user_signed_in?
        redirect_to users_path
    end
  end
end

補足情報

ruby 2.4.0p0
Rails 5.0.5

---

時間をかけてもなかなか解決できず、困っています。もしよろしければ、アドバイスやサポートいただけないでしょうか。

内容を把握いただく上で他に必要な情報などあれば、ご教示ください。

Answer 1

当方はPay.jpは使っていませんし同じ環境を作るのは困難ですので（トークンやIDを共通にできない）その辺は差し引いて以下を参考にしてください。

def pay
  binding.pryまたはp order_params
  Order.create(order_params)

上記の例のように、binding.pryを仕掛けるなどして、パラメタが適切に渡っているのかを確かめてください。

order_paramsで所期の値が渡せているなら、controllerに問題があり、渡せていないならテンプレートerbに問題があると言えます。

要するに課題を切り分けること（コントローラの問題かビューの問題か）が最初の一歩になります。

Comments

[doit24]

コメントありがとうございます。渡せていないので、基本的にはview側の問題だと認識しています。bindind.pryでparamsを確かめても、渡したいpayjp-tokenのvalueが含まれていません。

submitするデータとしてview側で拾えていないことが問題かとは思っているのですが、その原因解明にてこづっているのが現状です・・・

jsで書かれたpayjp-tokenをsubmitの際に送信をしたいのですが、試行錯誤してうまくいっていません。何か考えられる原因などありますでしょうか

[NCC1701]

erbのソースを読むと:user_idと:teacher_idしか送られていないはずです。
JSだろうとRailsだろうと原則的にはPOSTメソッドで送信されるのは、inputフィールドのnameとvalueのセットです。
<%= f.hidden_field :user_id, :value => @user.id %>がinputフィールドに変換されます。
ブラウザのソースでformタグ下に目的のフィールド<input type="hidden" name="payjp-token" value="tok_....">が含まれているか確かめることもデバッグの一つの方法です。
必要なフィールドが<%= form_for @order, :url => {:action => 'pay'} do |f| %>のブロックの中に入るように編集し直してみてください。

[doit24]

ありがとうございます！！
ご指摘いただいたとおり、formタグが正しく、目的のフィールド<input type="hidden" name="payjp-token" value="tok_....">を内包する形で記述されていませんでした。

ruby,JS ではなく、viewのタグの構成のミスでした。

サポートいただきましてありがとうございます。大変助かりました！

[tomato185]

現在、こちらの記事を参考にさせていただいております。
最終的に、formタグ内に記載した目的のフィールド（<input type="hidden" name="payjp-token" value="tok_....">）の全体を教えていただきたいです！