html - tutorial - socket.io.js download




使用socket.io/node.js在網頁上顯示流媒體Twitter (2)

第一個問題是每次打開一個套接字連接時你正在構造一個新的twitter偵聽器。 你應該移動connection事件之外。 這可能不理想。 我不確定twitter模塊是如何在內部處理的,但是實際上每次連接websocket時都可能創建一個到他們的API的新連接。

在客戶端你jQuery可能會有點不同。 如果您只是想在每次發布tweet時向頁面添加推文,請使用$('body').append()將新推文添加到body元素$('body').append()

請參閱此要點以供參考。

我正在嘗試使用node.js socket.io和twit構建一個Twitter流式web應用程序。

var express = require('express')
  , app = express()
  , http = require('http')
  , server = http.createServer(app)
  ,Twit = require('twit')
  , io = require('socket.io').listen(server);

server.listen(8080);

// routing
app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

var watchList = ['love', 'hate'];


io.sockets.on('connection', function (socket) {
  console.log('Connected');

  var T = new Twit({
    consumer_key:         ''
  , consumer_secret:      ''
  , access_token:         ''
  , access_token_secret:  ''
})
 T.stream('statuses/filter', { track: watchList },function (stream) {

  stream.on('tweet', function (tweet) {

        io.sockets.emit('stream',tweet.text);
        console.log(tweet.text);

  });
 });
}); 

這是我的客戶端

 <script src="/socket.io/socket.io.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
  <script>
    $(function(){
      var socket = io.connect('http://localhost:8080');
      socket.on('tweet', function(tweet) {
    $(
        '<div class="tweet">' + tweet.text + '</div>');
        }); 

  });

  </script>
</div>

當我運行節點app.js並嘗試連接到本地主機:8080我只是得到一個空白頁面,即使一切(soket.io,jquery,...)似乎已經正確加載。

以下是服務器輸出的示例:

info  - socket.io started
debug - served static content /socket.io.js
debug - client authorized
info  - handshake authorized pwH0dbx4WvBhzSQXihpu
debug - setting request GET /socket.io/1/websocket/pwH0dbx4WvBhzSQXihpu
debug - set heartbeat interval for client pwH0dbx4WvBhzSQXihpu
debug - client authorized for
debug - websocket writing 1::
debug - websocket writing 5:::{"name":"stream","args":["RT @mintycreative: Great to chat       today RT @SharonHolistic: Treatments available tomorrow http://t.co/5Poq3KU08u Book yours now #WestMidsHou…"]}

調試 - websocket寫作5 ::: {“name”:“stream”,“args”:[“RT @laurenpeikoff:#BREAKING @ScottsdalePD證實 - 警方正在調查邁克爾·比斯利涉嫌性侵犯@ 12News @ azcentr ...” }

希望你能幫我糾正我的錯誤。


問題解決了

這裡的代碼沒有任何錯誤:(服務器端)

var express = require('express')
  , app = express()
  , http = require('http')
  , server = http.createServer(app)
  ,Twit = require('twit')
  , io = require('socket.io').listen(server);

server.listen(8080);

// routing
app.get('/', function (req, res) {
res.sendfile(__dirname + '/index.html');
});

var watchList = ['love', 'hate'];
 var T = new Twit({
    consumer_key:         ''
  , consumer_secret:      ''
  , access_token:         ''
  , access_token_secret:  ''
})

io.sockets.on('connection', function (socket) {
  console.log('Connected');


 var stream = T.stream('statuses/filter', { track: watchList })

  stream.on('tweet', function (tweet) {

    io.sockets.emit('stream',tweet.text);


  });
 });
}); 

(客戶端)

 <script src="/socket.io/socket.io.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
  <script>

        var socket = io.connect('http://localhost:8080');
        socket.on('stream', function(tweet){
        $('#tweetd').append(tweet+'<br>');
        });
  </script>
  <div id="tweetd"></div>
</div>




socket.io