使用socket.io怎么編寫一個WEB聊天室？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

蓮花網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1. 創(chuàng)建一個空的工程目錄

空的目錄命名為chat-web

2. 創(chuàng)建package.json

使用命令：npm init,會引導你設(shè)置package.json的內(nèi)容.

3.安裝依賴包

使用命令：

npm install --save express 
npm install --save socket.io

安裝完成后你會在工程目錄看見有自動生成的node_modules文件夾

4.編寫index.js腳本

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
 console.log("dir:" + __dirname);
 res.sendFile( __dirname + '/index.html');
});
//所有注冊用戶的socket集合（socketMap）
var sm = {};
io.on('connection', function(socket){
 socket.on('chat-reg',function(data){
  console.log("chat-reg:" + JSON.stringify(data));
  //注冊 ：data 格式：{user:"alisa"}
  //消息 ：data 格式：{user:"alisa",msg:"@someone hello!!!"}
  //格式說明：msg內(nèi)容以@符號開頭，以空格分隔用戶名和消息體的說明是私聊
  sm[data.user] = socket;
  socket.emit('chat-reg',{code:200,msg:"reg success"});
 });
 socket.on('chat-data',function(data){

  console.log("chat-data:" + JSON.stringify(data));
  if(data.msg[0] == '@'){//以@符號開頭，說明這句消息是私聊
   //將消息顯示在自己的聊天記錄上
   socket.emit('chat-data',data);
   //查找第一個空格的位置
   var i = data.msg.indexOf(' ');
   //得到用戶名
   var u = data.msg.substring(1,i);
   //得到消息體
   var m = data.msg.substring(i,data.msg.length);
   if(typeof sm[u] != 'undefined'){
    //在socket集合中得到目標用戶的socket，并且發(fā)送消息事件
    sm[u].emit('chat-data',{user:data.user,msg:"[private]" + m});
   }
  }else{
   //不是以@開頭的消息發(fā)送給所有連接的用戶
   io.sockets.emit('chat-data',data);
  }
 });
});
//監(jiān)聽在3000端口
http.listen(3000, function(){
 console.log('listening on:3000');
});

5.寫index.html