1

有没有一种简单的方法可以将 Faye 与 Sinatra 集成到一个文件中，如下所示：

# myapp.rb
require 'sinatra'
require 'faye'

get '/' do 
  'Hello world!' 
end

get '/faye_form' do
  erb :form_and_message_list
end

post '/faye_form' do
  erb :form_and_message_list
  # will send messages to faye's channel here.
end

ruby myapp.rb

这样当我运行“ruby myapp.rb”时，我会在单个进程 Faye 和 Sinatra 服务器中运行（我猜它们会在同一个端口上？）？

或者：与此最接近的事情是什么，以最“简约”的方式将 Faye 整合到 Sinatra 中？

更新：修复了示例代码，所以看起来我对将 Faye 和 Sinatra 放在同一路径下不感兴趣；）

4

2 回答 2

1

改编自http://faye.jcoglan.com/ruby.html

# config.ru
require 'sinatra'
require 'faye'
require File.expand_path('../app', __FILE__)

use Faye::RackAdapter, :mount => '/faye', :timeout => 25

run Sinatra::Application

Sinatra 和 Faye 都是机架应用程序，您可能希望它们在不同的路径上运行，例如 Faye 在/faye. 你也可以在/其他地方安装 faye 和你的 Sinatra 应用程序，尽管我认为你需要创建一个“模块化”Sinatra 应用程序来做到这一点，然后是这样的：

run Rack::URLMap.new("/app" => MyApp.new)

在您的示例中，您有点试图将它们都放在同一条路径下，我认为这不会奏效。

于 2012-12-17T06:14:34.120 回答
1

我已经创建了一个示例，说明 Sinatra 和 Faye 如何可以简单地一起工作。你可以在这里查看： https ://github.com/eterry1388/sinatra-faye-example

你config.ru可能看起来像这样：

require 'faye'
require 'sinatra'

set :port, 9292
set :faye_client, Faye::Client.new( 'http://localhost:9292/faye' )
set :saved_data, Hash.new( [] )

get '/' do
  # This loads the saved data so if the web page is refreshed
  # or a new client connects, the data persists.
  @saved_data = settings.saved_data
  erb :index
end

post '/' do
  channel = params['channel']
  message = params['message']

  # Send data out to connected clients
  settings.faye_client.publish( channel, message )

  # Save data for future clients
  settings.saved_data[channel] += [message]

  redirect to( '/' )
end

Faye::WebSocket.load_adapter 'thin'
use Faye::RackAdapter, mount: '/faye', timeout: 45, extensions: []
run Sinatra::Application

你index.erb可能看起来像这样：

<script type="text/javascript" src="http://localhost:9292/faye/client.js"></script>

<script type="text/javascript">
  var faye_client = new Faye.Client( 'http://localhost:9292/faye' );

  faye_client.subscribe( '/blue', function( data ) {
    var div = $( 'ul#blue-messages' ).append( '<li>' + data + '</li>' );
  });

  faye_client.subscribe( '/green', function( data ) {
    var div = $( 'ul#green-messages' ).append( '<li>' + data + '</li>' );
  });

  $( document ).ready( function() {
    $( 'button#submit' ).click( function() {
      $.post('/',
      $( 'form#send-message' ).serialize(),
      function() {
        $( 'textarea#message' ).val( '' );
      });
    });
  });
</script>

<h2>Send message</h2>

<form id="send-message">
  <label for="channel">Channel</label>
  <select name="channel" id="channel" class="form-control">
    <option>/blue</option>
    <option>/green</option>
  </select>
  <label for="message">Message</label>
  <textarea name="message" id="message" class="form-control"></textarea>
</form>
<button id="submit" class="btn btn-success">Send</button>

<h2>Blue messages</h2>
<ul id="blue-messages">
  <%
    # The below block is only used for loading historical
    # saved data, not the Faye data!
  %>
  <% @saved_data['/blue'].each do |message| %>
    <li><%= message %></li>
  <% end %>
</ul>

<h2>Green messages</h2>
<ul id="green-messages">
  <%
    # The below block is only used for loading historical
    # saved data, not the Faye data!
  %>
  <% @saved_data['/green'].each do |message| %>
    <li><%= message %></li>
  <% end %>
</ul>
于 2016-01-19T22:53:13.957 回答