nodejs+express搭建多人聊天室步骤

/**

• app.get(): express中的一个中间件，用于匹配get请求，说的简单点就是node处理请求的路由，对于不同url请求，让对应的不同app.get()去处理
• '/': 它匹配get请求的根路由 '/'也就是 127.0.0.1:3000/就匹配到它了
• req带表浏览器的请求对象，res代表服务器的返回对象
  */
  app.get('/',(req,res)=>{
  res.redirect('/chat.html'); // express的重定向函数。如果浏览器请求了根路由'/',浏览器就给他重定向到 '127.0.0.1:3000/chat.html'路由中
  });

/**

• 这里匹配到的是/chat.html就是上面重定向到的路径。
  */
  app.get('/chat.html',res)=>{
  fs.readFile(path.join(__dirname,'./public/chat.html'),function(err,data){ //读取文件，readFile里传入的是文件路径和回调函数，这里用path.join()格式化了路径。
  if(err){
  console.error("读取chat.html发生错误",err); //错误处理
  res.send('4 0 4'); //如果发生错误，向浏览器返回404
  } else {
  res.end(data); //这里的data就是回调函数的参数，在readFile内部已经将读取的数据传递给了回调函数的data变量。
  } //我们将data传到浏览器，就是把html文件传给浏览器
  })
  });

server.listen(3000,()=>{
console.log("server running at 127.0.0.1:3000"); // 代表监听3000端口，然后执行回调函数在控制台输出。
});
...
...
app.use('/','./public'))); //一句话就搞定。

/socket/
io.on('connection',(socket)=>{ //监听客户端的连接事件

});

//设置用户名，当用户登录的时候触发
let setUsername = () => {

username = $inputname.val().trim(); //得到输入框中用户输入的用户名

//判断用户名是否存在
if(_username) {
socket.emit('login',{username: _username}); //如果用户名存在，就代表可以登录了，我们就触发登录事件，就相当于告诉服务器我们要登录了
}
else{
alert('请输入用户名！');
}
};

/前端事件/
_$loginButton.on('click',function (event) { //监听按钮的点击事件，如果点击，就说明用户要登录，就执行setUsername函数
setUsername();
});

/socket.io部分逻辑/
socket.on('loginResult',(data)=>{
/**

• 如果服务器返回的用户名和刚刚发送的相同的话，就登录
• 否则说明有地方出问题了，拒绝登录
  */
  if(data.code === 0) {
  // 登陆成功，切换至聊天室页面
  }
  else if(data.code ===1){
  alert('用户已登录！');
  }
  else{
  alert('登录失败！');
  }
  })

});
//app.js
/**

• Created by ddvdd on 2018-02-07.
  */
  const express = require('express');
  const app = express(); // 创建express实例，赋值给app。
  const server = require('http').Server(app);
  const io = require('socket.io')(server); //将socket的监听加到app设置的模块里。这两句理解不了的可以去socket.io官网去看
  const path = require('path'); // 这是node的路径处理模块，可以格式化路径

const users = []; //用来保存所有的用户信息
let usersNum = 0; //统计在线登录人数

server.listen(3000,()=>{
console.log("server running at 127.0.0.1:3000"); // 代表监听3000端口，然后执行回调函数在控制台输出。
});

/**

• app.get(): express中的一个中间件，用于匹配get请求，说的简单点就是node处理请求的路由，对于不同url请求，让对应的不同app.get()去处理
• '/': 它匹配get请求的根路由 '/'也就是 127.0.0.1:3000/就匹配到它了
• req带表浏览器的请求对象，res代表服务器的返回对象
  */
  app.get('/',res)=>{
  res.redirect('/static/chat.html'); // express的重定向函数。如果浏览器请求了根路由'/',浏览器就给他重定向到 '127.0.0.1:3000/chat.html'路由中
  });

/**

• __dirname表示当前文件所在的绝对路径，所以我们使用path.join将app.js的绝对路径和public加起来就得到了public的绝对路径。
• 用path.join是为了避免出现 ././public 这种奇怪的路径
• express.static就帮我们托管了public文件夹中的静态资源。
• 只要有 127.0.0.1：3000/XXX/AAA 的路径都会去public文件夹下找XXX文件夹下的AAA文件然后发送给浏览器。
  */
  app.use('/static',(socket)=>{ //监听客户端的连接事件

socket.on('login',(data)=>{

if(checkUserName(data)){
socket.emit('loginResult',{code:1}); //code=1 用户已登录
}
else{
//将该用户的信息存进数组中
users.push({
username: data.username,message: []
});
socket.emit('loginResult',{code:0}); //code=0 用户登录成功
usersNum = users.length;
console.log(用户${data.username}登录成功，进入ddvdd聊天室，当前在线登录人数：${usersNum});
}

});

//断开连接后做的事情
socket.on('disconnect',()=>{ //注意，该事件不需要自定义触发器，系统会自动调用
usersNum = users.length;
console.log(当前在线登录人数：${usersNum});
});
});
//校验用户是否已经登录
const checkUserName = (data) => {
let isExist = false;
users.map((user) => {
if(user.username === data.username){
isExist = true;
}
});
return isExist;
}