4

Flask フレームワークを使用して単純な SSE Python アプリケーションを開発し、正常にテストしました。Flask サーバーを使用すると、各 SSE メッセージがリアルタイムで表示されます。IIS でまったく同じものを実行しようとすると、出力がブロックされ、長いポーリングのような方法でのみ表示されます。SSE 接続が終了したときのみ。これは Localhost を使用している場合でも発生するため、プロキシやファイアウォールが原因ではないと思います。

これは Python コードです。

'''
Test SSE with Python and Flask
'''
import flask, flask.views
import time

app = flask.Flask(__name__) 
app.secret_key = "anything"

def event_stream():
    mylist = (x for x in range(10))
    for i in mylist:
        if i < 10:   
            message = "Message # %s" % i
            yield 'data: %s\n\n' % message
            time.sleep(1)
    yield 'data: // END\n\n'
    return

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

class View(flask.views.MethodView):
    def get(self):
        return flask.render_template('ssetest.html')

    def post(self):
        return self.get()

app.add_url_rule('/', view_func=View.as_view('main'), methods = ["GET", "POST"])

if __name__ == '__main__':
    app.run()

以下は、Jinja テンプレート ssetest.html です。

<!doctype html>
<html>
<head>
<title> Test SSE </title>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<style>body { max-width: 1000px; margin: 100; padding: 1em; background: black; color: #fff; font: 16px/1.6 menlo, monospace; }</style>
<body>
<form action = "/" method = "post">
<input type = "submit" value = "Execute Again" />
</form>
<pre id="out"></pre>
<script>
var out = document.getElementById('out');
var color = 'yellow'
function sse() {
        var url = '/stream';
        document.write('STARTING');
        var source = new EventSource(url);
        source.onmessage = function(e) {
    var line = '<p style="line-height: 0.1;color:'+color+'">'+e.data+'</p>';
        out.innerHTML =  line + out.innerHTML;
    var start_msg = e.data.substring(0,2);
    if (start_msg == '//')
        {
                source.close();
                }
            };
                }
     sse();
 </script>

</body>
</html>  
4

1 に答える 1