【HTML 5】websocket初認識

4042 ワード

WebSocket APIとは?
WebSocket APIは、次世代クライアントサーバの非同期通信方法である.この通信は単一のTCPソケットに取って代わり、wsまたはwssプロトコルを使用して、任意のクライアントおよびサーバプログラムに使用することができる.WebSocketは現在W 3 Cで標準化されている.WebSocketは、Firefox 4、Chrome 4、Opera 10.70、Safari 5などのブラウザでサポートされています.WebSocket APIの最も偉大な点は、サーバとクライアントが所定の時間範囲内の任意の時点で、互いに情報をプッシュできることである.WebSocketはAjax(またはXHR)方式で通信することに限定されない.Ajax技術はクライアントが要求を開始する必要があり、WebSocketサーバとクライアントは互いに情報をプッシュすることができるからである.XHRはドメインによって制限され、WebSocketはドメイン間通信を許可する.Ajaxテクノロジーが賢いのは、使用する方法を設計していないことです.WebSocketは、メッセージを双方向にプッシュするために指定されたターゲットのために作成されます.
 
WebSocket APIの使い方
/     Socket  

var socket = new WebSocket('ws://localhost:8080'); 



//   Socket 

socket.onopen = function(event) { 



  //          

  socket.send('I am the client and I\'m listening!'); 



  //     

  socket.onmessage = function(event) { 

    console.log('Client received a message',event); 

  }; 



  //   Socket   

  socket.onclose = function(event) { 

    console.log('Client notified socket has closed',event); 

  }; 



  //   Socket.... 

  //socket.close() 

};

 
NodeJSとSocket.IO共同開発
//   HTTP          Socket.IO

var http= require('http'), io= require('socket.io'); 



//  8080       

var server= http.createServer(function(req, res){ 

  //   HTML headers message

  res.writeHead(200,{ 'Content-Type': 'text/html' }); 

  res.end('<h1>Hello Socket Lover!</h1>'); 

}); 

server.listen(8080); 



//     Socket.IO  ,        

var socket= io.listen(server); 



//          

socket.on('connection', function(client){ 



  //

  client.on('message',function(event){ 

    console.log('Received message from client!',event); 

  }); 

  client.on('disconnect',function(){ 

    clearInterval(interval); 

    console.log('Server has disconnected'); 

  }); 

});

転入先http://www.itpub.net/thread-1373652-1-1.html