44

Node.jsを使用してサーバーからクライアントにデータをストリーミングできるかどうかを知りたいです。単一のAJAXリクエストをNode.jsに投稿し、接続を開いたままにして、データをクライアントに継続的にストリーミングしたいと思います。クライアントはこのストリームを受信し、ページを継続的に更新します。

アップデート:

この答えの更新として-私はこれを機能させることができません。response.writeを呼び出す前に、は送信されませんclose。これを実現するために使用するサンプルプログラムを設定しました。

Node.js:

var sys = require('sys'), 
http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    var currentTime = new Date();
    setInterval(function(){
        res.write(
            currentTime.getHours()
            + ':' + 
            currentTime.getMinutes()
            + ':' +
            currentTime.getSeconds()
        );
    },1000);
}).listen(8000);

HTML:

<html>
    <head>
        <title>Testnode</title>
    </head>

    <body>
        <!-- This fields needs to be updated -->
        Server time: <span id="time">&nbsp;</span>

        <!-- import jQuery from google -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

        <!-- import jQuery -->
        <script type="text/javascript">
            $(document).ready(function(){
            // I call here node.localhost nginx ports this to port 8000
                $('#time').load('http://node.localhost');
            });
        </script>
    </body>
</html>

このメソッドを使用すると、を呼び出すまで何も返されませんclose()。これは可能ですか、それとも、ロード関数が入ってくるときに再度呼び出すという長いポーリングアプローチを使用する必要がありますか?

4

4 に答える 4

28

可能です。response.write () を複数回使用するだけです。

var body = ["hello world", "early morning", "richard stallman", "chunky bacon"];
// send headers
response.writeHead(200, {
  "Content-Type": "text/plain"
});

// send data in chunks
for (piece in body) {
    response.write(body[piece], "ascii");
}

// close connection
response.end();

30 秒ごとに接続を閉じてから再度開く必要がある場合があります。

編集:これは私が実際にテストしたコードです:

var sys = require('sys'),
http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    var currentTime = new Date();
    sys.puts('Starting sending time');
    setInterval(function(){
        res.write(
            currentTime.getHours()
            + ':' +
            currentTime.getMinutes()
            + ':' +
            currentTime.getSeconds() + "\n"
        );

        setTimeout(function() {
            res.end();
        }, 10000);

    },1000);
}).listen(8090, '192.168.175.128');

Telnet で接続したところ、実際にチャンク応答が返されました。ただし、AJAX ブラウザーで使用するには、XHR.readyState = 3 をサポートする必要があります (部分的な応答)。私の知る限り、すべてのブラウザがこれをサポートしているわけではありません。そのため、ロング ポーリング (または Chrome/Firefox の場合は Websockets) を使用することをお勧めします。

EDIT2 : また、nginx を Node へのリバース プロキシとして使用する場合、すべてのチャンクを収集して一度にユーザーに送信したい場合があります。微調整する必要があります。

于 2010-04-01T20:30:19.423 に答える
6

無限ループを中止することもできます:

app.get('/sse/events', function(req, res) {
    res.header('Content-Type', 'text/event-stream');

    var interval_id = setInterval(function() {
        res.write("some data");
    }, 50);

    req.socket.on('close', function() {
        clearInterval(interval_id);
    }); 
}); 

これはexpressjsの例です。私はexpressjsがなければ次のようになると信じています。

于 2012-02-18T21:56:10.993 に答える