当我尝试使用ActionCable发布评论时,一切都正常,但是,我总是必须刷新页面才能看到评论本身得到呈现。你知道怎么回事吗?尝试重新启动服务器,注销,登录等,但都没有真正的帮助。
blogs.coffee
jQuery(document).on 'turbolinks:load', ->
comments = $('#comments')
if comments.length > 0
App.global_chat = App.cable.subscriptions.create {
channel: "BlogsChannel"
blog_id: comments.data('blog-id')
},
connected: ->
disconnected: ->
recieved: (data) ->
comments.append data['comment']
send_comment: (comment, blog_id) ->
@perform 'send_comment', comment: comment, blog_id: blog_id
$('#new_comment').submit (e) ->
$this = $(this)
textarea = $this.find('#comment_content')
if $.trim(textarea.val()).length > 1
App.global_chat.send_comment textarea.val(),
comments.data('blog-id')
textarea.val('')
e.preventDefault()
return falseBlogs_channel.rb
class BlogsChannel < ApplicationCable::Channel
def subscribed
stream_from "blogs_#{params['blog_id']}_channel"
end
def unsubscribed
end
def send_comment(data)
current_user.comments.create!(content: data['comment'], blog_id: data['blog_id'])
end
endComment.rb
class Comment < ApplicationRecord
belongs_to :user
belongs_to :blog
validates :content, presence: true, length: { minimum: 1, maximimum: 1000 }
after_create_commit { CommentBroadcastJob.perform_later(self) }
endCommentBroadcastJob.rb
class CommentBroadcastJob < ApplicationJob
queue_as :default
def perform(comment)
ActionCable.server.broadcast "blogs_#{comment.blog.id}_channel", comment: render_comment(comment)
end
private
def render_comment(comment)
CommentsController.render partial: 'comments/comment', locals: { comment: comment }
end
end_comment.html.erb
<div class="comment-card">
<div class="card">
<div class="card-block">
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<%= comment.content %>
</div>
</div>
</div>
</div>
</div>该注释在show.html.erb页面中呈现为:
<%= render 'comments/comment_form' %>
<div id="comments" data-blog-id="<%= @blog.id %>">
<%= render @blog.comments %>
</div>提交新评论时的控制台日志:
[ActionCable] [test1@test.com] [1] Finished "/cable/" [WebSocket] for 127.0.0.1 at 2017-12-21 09:42:47 +0100
[ActionCable] [test1@test.com] [1] BlogsChannel stopped streaming from blogs_3_channel
Started GET "/cable" for 127.0.0.1 at 2017-12-21 09:42:48 +0100
Started GET "/cable/" [WebSocket] for 127.0.0.1 at 2017-12-21 09:42:48 +0100
Successfully upgraded to WebSocket (REQUEST_METHOD: GET, HTTP_CONNECTION: Upgrade, HTTP_UPGRADE: websocket)
User Load (0.3ms) SELECT "users".* FROM "users" WHERE "users"."id" = ? ORDER BY "users"."id" ASC LIMIT ? [["id", 1], ["LIMIT", 1]]
[ActionCable] [test1@test.com] [1] Registered connection (Z2lkOi8vdWRlbXktdHV0b3JpYWwtcmFpbHMvVXNlci8x)
[ActionCable] [test1@test.com] [1] BlogsChannel is transmitting the subscription confirmation
[ActionCable] [test1@test.com] [1] BlogsChannel is streaming from blogs_3_channel在chrome控制台或其他任何地方都没有错误。
有什么想法吗?在route.rb中,我使用mount ActionCable.server => '/cable',如果这可能有帮助的话。它似乎没有被激活/使用,不知道为什么。
提前感谢!
编辑:
在某些情况下,我在终端日志中得到以下错误:
[ActiveJob] [CommentBroadcastJob] [b32437ee-cf29-4323-97e9-841c87300518] Error performing CommentBroadcastJob (Job ID: b32437ee-cf29-4323-97e9-841c87300518) from Async(default) in 82.51ms: ActionView::Template::Error (undefined local variable or method `comment' for #<#<Class:0x00007f9b948bbed8>:0x00007f9b93a8fb98>
Did you mean? ��comment):在def perform下运行byebug,结果:
[2, 11] in
/app/jobs/comment_broadcast_job.rb
2: class CommentBroadcastJob < ApplicationJob
3: queue_as :default
4:
5: def perform(comment)
6: byebug
=> 7: ActionCable.server.broadcast "blogs_#{comment.blog.id}_channel", comment: render_comment(comment)
8: end那么,为什么注释是未定义的?同样,如果我刷新页面,即使出现此错误,我也会看到呈现的注释。
发布于 2017-12-22 18:28:37
因此,我已经从原始文件复制了BroadCastJob.rb文件(它来自一门课程),它终于可以工作了。我在我的文档和教师文档中找不到任何拼写错误。如果有人能找到它,请告诉我。
我的CommentBroadcastJob.rb文件:
class CommentBroadcastJob < ApplicationJob
queue_as :default
def perform(comment)
ActionCable.server.broadcast "blogs_#{comment.blog.id}_channel", comment: render_comment(comment)
end
private
def render_comment(comment)
CommentsController.render partial: 'comments/comment', locals: { comment: comment }
end
end讲师一:
class CommentBroadcastJob < ApplicationJob
queue_as :default
def perform(comment)
ActionCable.server.broadcast "blogs_#{comment.blog.id}_channel", comment: render_comment(comment)
end
private
def render_comment(comment)
CommentsController.render partial: 'comments/comment', locals: { comment: comment }
end
end这是有效的。每当我删除这个文件并使用我的文件时,我都会得到和以前一样的错误。当我使用指导者的时候,它最终在发送消息后呈现出来。不知道区别应该在哪里。
https://stackoverflow.com/questions/47921200
复制相似问题