快捷導(dǎo)航

node.js中使用socket.io的方法

更新時間：2014年12月15日 12:11:07 投稿：hebedich

這篇文章主要介紹了node.js中使用socket.io的方法,需要的朋友可以參考下

使用socket.io的使用創(chuàng)建一個socket.io服務(wù)器即可.但是該服務(wù)器依賴于一個已經(jīng)創(chuàng)建的http服務(wù)器.

在http服務(wù)器運行之后,使用listen方法為該http服務(wù)器附加一個socket.io服務(wù)器.

var sio=require("scoket.io");

var socket=sio.listen(server);

socket就是在server基礎(chǔ)上創(chuàng)建的一個socket.io服務(wù)器.

當(dāng)客戶端與服務(wù)器端建立連接時,觸發(fā)socket.io服務(wù)的connection事件.

復(fù)制代碼代碼如下:

socket.on("connection",function(socket){

});

回調(diào)函數(shù)中的socket參數(shù)是服務(wù)器端與客戶端建立連接的socket端口對象.

當(dāng)接收到客戶端發(fā)送的消息時,發(fā)出socket端口對象的message事件.

復(fù)制代碼代碼如下:

socket.on("message",function(msg){

});

回調(diào)函數(shù)的參數(shù)是客戶端發(fā)送的消息.

可以使用socket.send(msg)向客戶端發(fā)送一個消息.

當(dāng)服務(wù)器端可客戶端的連接斷開時觸發(fā)disconnect事件.

復(fù)制代碼代碼如下:

socket.on("disconnect",funciton(){

});

該回調(diào)函數(shù)不適用任何參數(shù).

服務(wù)器端server.js代碼:

復(fù)制代碼代碼如下:

 var http=require("http");

 var sio=require("socket.io");

 var fs=require("fs");

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

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

     res.end(fs.readFileSync("./index.html"));

 });

 server.listen(1337);

 var socket=sio.listen(server);

 socket.on("connection", function (socket) {

    console.log("客戶端建立連接");

     socket.send("你好");

     socket.on("message", function (msg) {

         console.log("接收到一個消息:"+msg);

     });

     socket.on("disconnect", function () {

         console.log("客戶端斷開連接.");

     });

 });

創(chuàng)建客戶端index.html代碼:

復(fù)制代碼代碼如下:

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title></title>

     <script src="/socket.io/socket.io.js"></script>

     <script>

         var socket=io.connect();

         socket.on("message", function (data) {

             console.log(data);

             socket.send("消息已接受到.")

         });

         socket.on("disconnect", function () {

             console.log("服務(wù)器端斷開連接.");

         });

     </script>

 </head>

 <body>

 </body>

 </html>