Railsで投稿機能のあるアプリを作成しています。
投稿にいいねをつける機能をAjaxで実装しようとしていますが、いいねボタンを押しても無反応です。
実装方法は以下の記事を参考にしています。
参考にしている記事:
https://qiita.com/jaramon/items/248bcb4b56e9fed8fc90
▼試したこと
デベロッパーツールを開いていいねボタンを押下すると500エラーとなります。
logs/development.logにて「Cannot render console from 106.154.134.174!」の
記述があったのでapplication。rbに該当IPをホワイトリストにする記述を追加してみましたが、変化なしです。
development.log app/models/post.rb:15:in `iine' app/controllers/likes_controller.rb:6:in `create' Started POST "/likes" for 106.154.134.174 at 2020-04-25 07:04:54 +0000 Cannot render console from 106.154.134.174! Allowed networks: 127.0.0.1, ::1, 127.0.0.0/127.255.255.255 Processing by LikesController#create as JS Parameters: {"utf8"=>"✓", "authenticity_token"=>"8rhZByL2bLO35Q3W+0PvsRhBRMbm+SUS1wgoAHu7PIpd1sBXTNe2M6ywEzy8XGTYxHa272YIVIZflb146JleVw==", "post_id"=>"11", "commit"=>"♡ < like!"} [1m[36mUser Load (0.1ms)[0m [1m[34mSELECT "users".* FROM "users" WHERE "users"."id" = ? LIMIT ?[0m [["id", 3], ["LIMIT", 1]] [1m[36mPost Load (0.2ms)[0m [1m[34mSELECT "posts".* FROM "posts" WHERE "posts"."id" = ? ORDER BY "posts"."created_at" DESC LIMIT ?[0m [["id", 11], ["LIMIT", 1]] [1m[35m (0.0ms)[0m [1m[36mbegin transaction[0m [1m[35mSQL (0.4ms)[0m [1m[32mINSERT INTO "likes" ("user_id", "post_id", "created_at", "updated_at") VALUES (?, ?, ?, ?)[0m [["user_id", 3], ["post_id", 11], ["created_at", "2020-04-25 07:04:54.880084"], ["updated_at", "2020-04-25 07:04:54.880084"]] [1m[35m (0.0ms)[0m [1m[31mrollback transaction[0m Completed 500 Internal Server Error in 4ms (ActiveRecord: 0.8ms)
application.rb <省略> module myapp class Application < Rails::Application # Initialize configuration defaults for originally generated Rails version. config.i18n.default_locale = :ja config.action_view.embed_authenticity_token_in_remote_forms = true config.web_console.whitelisted_ips = '106.154.134.174' <省略> end
_likes.html.erb <% if !current_user?(post.user) %> <span class="like"> <% if post.iine?(current_user) %> <%= form_for(post.likes.find_by(user_id: current_user.id), method: :delete, remote: true) do |f| %> <%= f.submit "???? < liked", class: "btn" %> <% end %> <% else %> <%= form_for(post.likes.build, remote: true) do |f| %> <div><%= hidden_field_tag :post_id, post.id %></div> <%= f.submit "♡ < like!", class: "btn" %> <% end %> <% end %> </span> <% end %>
create.js.erb $("#post-<%= @post.id %> .like").html("<%= escape_javascript(render "likes/like", post: @post) %>");
destroy.js.erb $("#post-<%= @post.id %> .like").html("<%= escape_javascript(render "likes/like", post: @post) %>");
likes_controller class LikesController < ApplicationController before_action :logged_in_user def create @post = Post.find(params[:post_id]) @post.iine(current_user) respond_to do |format| format.html { redirect_to request.referrer || root_url } format.js end end def destroy @post = Like.find(params[:id]).post @post.uniine(current_user) respond_to do |format| format.html { redirect_to request.referrer || root_url } format.js end end private def logged_in_user unless logged_in? redirect_to login_url end end end
▼補足
"remote:true"の記述を外すと、リロードしてしまいますがいいねが反応します。
どなたかご回答いただけると嬉しいです!
トラブルシューティングのために他に必要な情報がありましたらご教示ください。
あなたの回答
tips
プレビュー