聊天室应用——jquery + node.js + websocket

本文介绍了如何使用jQuery、Node.js和WebSocket技术创建一个具备聊天和用户上下线功能的实时聊天室应用。通过这个基础,可以进一步扩展功能,结合数据库实现更多高级特性。
摘要由CSDN通过智能技术生成
1.index.js
var app = require('express')();
var express = require('express');
var Server = require('http').createServer(app);
var io = require('socket.io')(Server);
var path = require('path');
var Router = require('./Router');
//配置body-parser
var BodyParser = require('body-parser');
app.use(BodyParser.urlencoded({
   extend: false}));
app.use(BodyParser.json());
//配置默认可以访问的静态资源目录
app.use('/views/',express.static(path.join(__dirname , './views')));
/*
  配置使用 art-template  模板引擎,第一个参数表示,当渲染以  .art 结尾的文件的时候(也可以修改为其他后缀,如: .html ), 使用
  art-template  模板引擎, express-art-template  是专门用来在 Express 中把art-template 整合到Express 中,原因在于 express-art-template 依赖了 art-template
*/
app.engine('html',require('express-art-template'));

//服务器监听端口
Server.listen(5000,() => {
   
   console.log('Listening on *:5000');
});

//加载路由
app.use(Router);

//定义获取现在时间的函数
function Time(){
   
   var D = new Date();
   var Hours = D.getHours();
   var Minutes = D.getMinutes();
   var Seconds = D.getSeconds(); 
   if(Minutes <10 && Minutes >=0 && Seconds < 10 && Seconds >= 0) {
   
      return Hours + ':0' + Minutes  + ':0'+Seconds ; 
   }
   if(Minutes <10 && Minutes >=0 && Seconds > 10 ){
   
      return Hours + ':0' + Minutes + ':' + Seconds ; 
   }
   if(Minutes > 10 &&  Seconds < 10 && Seconds >= 0){
   
      return Hours +':' + Minutes + ':0' + Seconds ; 
   }
   return Hours + ':' + Minutes + ':' + Seconds;
}

var User = new Map();    //定义一个数组,登记相应用户的socket.id,便于通信
var count = 0 ;    //定义一个变量用来维护当前在线人数

//socket信道内容处理
//处理登录信息
io.on('connection',(socket)=>{
   
   var SaveName = Router.SaveName; 

    count++;
    //上线通知,获取服务的Save数组里的用户数据
    console.log(SaveName +' had connected!');
   
   //socket通道连接后,向客户端发送在线用户数量
   io.emit('online',{
   
      count: count
   })

   //接收聊天信息
   socket.on('chat',(msg)=>{
   
      console.log( msg.Name + ':   ——'+msg.Message);
      User.set(socket.id,msg.Name);  //存储用户与socket.id的关系
      //除了发送者以外,连接到客户端的用户都可以收到这个信息
      io.emit('Saying',{
   
         data: msg.Message,
         name: msg.Name  ,  //表示当前信息是由哪个用户发出
         time: Time(),    //信息发送时间
         src: msg.Anvarta
      });
   });
   
   //用于渲染用户列表接收base64格式的图片,再群发给连接当前服务器用户
   socket.on('ListAnvarta',(msg)=>{
   
       io.emit('listAnvarta',{
   
         Src: msg.Src,
         Name: Sav
  • 38
    点赞
  • 108
    收藏
    觉得还不错? 一键收藏
  • 26
    评论
评论 26
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值