使用socket.io实现简单聊天室案例

本文实例为大家分享了socket.io实现简单聊天室的具体代码,供大家参考,具体内容如下

1、客户端【index.html】代码

rush:xhtml;">

socket简例

  • {{item.name}}说:{{item.content}}

2、服务端【app.js】代码

rush:js;"> const http = require('http') ; const server = http.createServer() ;

// web服务器
const express = require('express') ;
const app = express();

app.use(express.static(__dirname + '/public'));

app.listen(8888,function () {
console.log('web服务器成功启动了,IP:127.0.0.1,端口号:8888') ;
});

// socket服务器

const socketio = require('socket.io') ;
const socket_server = socketio(server) ;

// 建立和客户端的socket连接
socket_server.on('connection',function(client) {

// console.log(client) ; // 查看连接进来的客户端对象内容
// console.log(Object.keys(client)) ; // 查看连接进来的客户端对象的关键key值

/**

  • 监听客户端发来的消息
  • 1、“say_client”是客户端发出信息时的key值
  • 2、“res”是客户端传来的value值
    */
    client.on('say_client',function(res) {
    console.log('客户端发来的消息为:',res) ;
// 向客户端发送消息
socket_server.emit('say_server',res) ;

}) ;
}) ;

server.listen(3000,function() {
console.log('socket服务器成功启动了,IP:127.0.0.1,端口号:3000') ;
}) ;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...