Question

出于某种原因，发送邮件后页面不会更新。仅在手动刷新页面后才能工作。我已经部分地遵循了本教程http://railscasts.com/episodes/316-private-pub，但有些事情是不对的。这是我的文件：

app / controllers / main_controller.rb

class MainController < ApplicationController
  def application
    @messages = Message.all
  end
end

应用程序/控制器/ messages_controller.rb

class MessagesController < ApplicationController
    def create
        @message = Message.create(message_params)
    end

    private

        def message_params
            params.require(:message).permit(:content)
        end
end

应用程序/视图/布局/ application.html.erb

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <%= viewport_meta_tag %>
    <title><%= content_for?(:title) ? yield(:title) : "Theater" %></title>
    <%= csrf_meta_tags %>

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
      <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js" type="text/javascript"></script>
    <![endif]-->

    <%= stylesheet_link_tag "application", :media => "all" %>

    <!-- For third-generation iPad with high-resolution Retina display: -->
    <!-- Size should be 144 x 144 pixels -->
    <%= favicon_link_tag 'apple-touch-icon-144x144-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '144x144' %>

    <!-- For iPhone with high-resolution Retina display: -->
    <!-- Size should be 114 x 114 pixels -->
    <%= favicon_link_tag 'apple-touch-icon-114x114-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '114x114' %>

    <!-- For first- and second-generation iPad: -->
    <!-- Size should be 72 x 72 pixels -->
    <%= favicon_link_tag 'apple-touch-icon-72x72-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '72x72' %>

    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
    <!-- Size should be 57 x 57 pixels -->
    <%= favicon_link_tag 'apple-touch-icon-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png' %>

    <!-- For all other devices -->
    <!-- Size should be 32 x 32 pixels -->
    <%= favicon_link_tag 'favicon.ico', :rel => 'shortcut icon' %>
    <%= javascript_include_tag "application" %>
  </head>
  <body data-no-turbolink="true">
    <div id="wrap">

      <%= bootstrap_flash %>
      <%= yield %>

      <div id="push"></div>
    </div>

    <div id="footer">
      <div class="container" align="center">
        <p id="footer-content">Footer</p>
      </div>
    </div>
  </body>
</html>

应用程序/视图/主/ application.html.erb

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4">Chat column
            <ul id="chat">
                <%= render @messages %>
            </ul>

            <%= form_for Message.new, remote: true do |f| %>
                <%= f.text_field :content %>
                <%= f.submit "Send" %>
            <% end %>
            <%= subscribe_to "messages/new" %>
        </div>
    </div>
</div>

应用程序/视图/消息/ create.js.erb

<% publish_to "messages/new" do %>
    $("#chat").append("<%= j render(@message) %>");
    $("#chat").animate({
        scrollTop: $("#chat").height()},
        "fast");
<% end %>
$("#new_message")[0].reset();

应用程序/视图/消息/ _message.html.erb

<li>
    <span class="created_at"><%= message.created_at.strftime("%H:%M") %></span>
    <%= message.content %>
</li>

配置/ routes.ru

Rails.application.routes.draw do

    resources :messages

    get 'main/application'
    root 'welcome#index'
end

应用程序/模型/ message.rb

class Message < ActiveRecord::Base
end

的Gemfile

source 'https://rubygems.org'

gem 'thin'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.1'
# Use postgresql as the database for Active Record
gem 'pg'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.3'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer',  platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0',          group: :doc

# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
gem 'spring',        group: :development

gem 'private_pub'
gem 'rails_12factor', group: :production

gem 'bootstrap-sass', '~> 3.2.0'
gem 'autoprefixer-rails'
gem 'bootstrap-sass-extras'

应用程序/资产/ Javascript角/ application.js中

//= require jquery
//= require bootstrap-sprockets
//= require private_pub
//= require jquery_ujs
//= require turbolinks
//= require_tree .

我也跑了

rails g private_pub:install
rackup private_pub.ru -s thin -E production

，因为private_pub需要它。

这是一段服务器日志，代表点击“发送”按钮后的POST：

Started POST "/messages" for 127.0.0.1 at 2014-08-01 19:36:44 +0300
Processing by MessagesController#create as JS
  Parameters: {"utf8"=>"✓", "message"=>{"content"=>"Testing"}, "commit"=>"Send"}
   (0.4ms)  BEGIN
  SQL (1.1ms)  INSERT INTO "messages" ("content", "created_at", "updated_at") VALUES ($1, $2, $3) RETURNING "id"  [["content", "Testing"], ["created_at", "2014-08-01 16:36:44.301042"], ["updated_at", "2014-08-01 16:36:44.301042"]]
   (1.0ms)  COMMIT
  Rendered messages/_message.html.erb (0.6ms)
  Rendered messages/create.js.erb (7.6ms)
Completed 200 OK in 21ms (Views: 11.7ms | ActiveRecord: 2.9ms)

我希望我已经提供了足够的信息。如果没有，请提出更多要求。提前谢谢。

Answer 1

我会尝试一些事情：

确保private_pub实际上正在服务器上运行。 netstat -lntp将按编号显示所有侦听TCP套接字以及运行它们的程序。您应该会看到{92}的ruby或rails应用。
确保服务器或客户端上的防火墙未阻止端口9292请求。这显然取决于每个操作系统。
使用客户端浏览器的开发者控制台（例如在Chrome：F12，“网络”标签中）查看传出请求，以查看它获得的响应类型。如果该响应超时，则该请求永远不会进入您的服务器。
如果请求确实正在恢复，请在开发者控制台中查找Javascript错误。

Answer 2

我认为你在消息控制器中错过了这个：

respond_to do | format |

format.js #calls create.js.erb

端

Private_pub gem和Rails 4.1.1。发送消息后页面不会更新

2 个答案: