首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Rails5.1- ActionCable没有更新?

Rails5.1- ActionCable没有更新?
EN

Stack Overflow用户
提问于 2017-12-21 16:48:09
回答 1查看 800关注 0票数 0

当我尝试使用ActionCable发布评论时,一切都正常,但是,我总是必须刷新页面才能看到评论本身得到呈现。你知道怎么回事吗?尝试重新启动服务器,注销,登录等,但都没有真正的帮助。

blogs.coffee

代码语言:javascript
复制
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 false

Blogs_channel.rb

代码语言:javascript
复制
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
end

Comment.rb

代码语言:javascript
复制
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) }
end

CommentBroadcastJob.rb

代码语言:javascript
复制
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

代码语言:javascript
复制
<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页面中呈现为:

代码语言:javascript
复制
<%= render 'comments/comment_form' %>



<div id="comments" data-blog-id="<%= @blog.id %>">
  <%= render @blog.comments %>
</div>

提交新评论时的控制台日志:

代码语言:javascript
复制
[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',如果这可能有帮助的话。它似乎没有被激活/使用,不知道为什么。

提前感谢!

编辑:

在某些情况下,我在终端日志中得到以下错误:

代码语言:javascript
复制
[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,结果:

代码语言:javascript
复制
[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

那么,为什么注释是未定义的?同样,如果我刷新页面,即使出现此错误,我也会看到呈现的注释。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-22 18:28:37

因此,我已经从原始文件复制了BroadCastJob.rb文件(它来自一门课程),它终于可以工作了。我在我的文档和教师文档中找不到任何拼写错误。如果有人能找到它,请告诉我。

我的CommentBroadcastJob.rb文件:

代码语言:javascript
复制
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

讲师一:

代码语言:javascript
复制
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

这是有效的。每当我删除这个文件并使用我的文件时,我都会得到和以前一样的错误。当我使用指导者的时候,它最终在发送消息后呈现出来。不知道区别应该在哪里。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47921200

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档