Question

我一直在玩Flask和Tornado发送服务器发送的事件。我看了一下这篇博客文章：

https://s-n.me/blog/2012/10/16/realtime-websites-with-flask/

我决定尝试编写自己的Flask应用程序来发送服务器发送的事件作为练习。以下是我的Flask应用程序的代码，名为sse_server.py：

#! /usr/bin/python

from flask import Flask, request, Response, render_template

from tornado.wsgi import WSGIContainer
from tornado.httpserver import HTTPServer
from tornado.ioloop import IOLoop

app = Flask(__name__)

def event_stream():
  count = 0
  while True:
    print 'data: {0}\n\n'.format(count)
    yield 'data: {0}\n\n'.format(count)
    count += 1

@app.route('/my_event_source')
def sse_request():
  return Response(
          event_stream(),
          mimetype='text/event-stream')

@app.route('/')
def page():
  return render_template('index.html')


if __name__ == '__main__':

  print "Please open a web browser to http://127.0.0.1:5000."

  # Spin up the app
  http_server = HTTPServer(WSGIContainer(app))
  http_server.listen(5000)
  IOLoop.instance().start()

在我的模板文件夹中，我有一个简单的index.html页面：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Test</title>

  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="../static/sse_client.js"></script>

</head>
<body>
  <h3>Test</h3>

  <ul id="output">
  </ul>

</body>

</html>

在我的静态文件夹中，我有一个名为sse_client.js的文件：

var queue = [];
var interval = setInterval(function(){addItem()}, 1000);

function addItem(){
  if(queue.length > 0){
    var item = queue[0];
    queue.shift();
    $('#output').append(item);
  }
}

$(document).ready(

  function() {

    var sse = new EventSource('/my_event_source');
    console.log('blah');

    sse.onmessage = function(event) {

      console.log('A message has arrived!');
      var list_item = '<li>' + event.data + '</li>';
      console.log(list_item);
      queue.push(list_item);
    };
})

基本上，我的应用程序结构是

sse/
  sse_server.py
  static/
    sse_client.js
  templates/
    index.html

该应用程序显示索引页面，但数据未进行流式处理。我不知道我做错了什么。我想我需要另外一套眼睛。我确定这是一件非常小而且愚蠢的事。

Answer 1

Tornado的WSGIContainer不支持来自wsgi应用程序的流式响应。您可以将Flask与多线程或基于greenlet的wsgi服务器一起使用，也可以使用Tornado的本机RequestHandler接口，但在将Flask和Tornado与WSGIContainer结合使用时则不行。

结合烧瓶和龙卷风通常不是一个好主意;见https://github.com/mitsuhiko/flask/issues/986

Answer 2

要使用网址"../static/sse_client.js"，您需要使用网络服务器或Flask应用来提供静态JavaScript文件。来自Flask文档：

要为静态文件生成网址，请使用特殊的＆＃39;静态文件＆＃39;端点   名：

url_for('static', filename='style.css')

该文件必须作为static / style.css存储在文件系统中。

服务器使用Flask和Tornado发送事件

2 个答案: