nodejs+socket.io即时聊天实例
在这之前你应该先安装好 Node.js,安装过程不再讲解
首先在你的电脑上创建一个新目录,姑且命名为 chat,然后在该目录创建两个文件,分别是 app.js 和 index.html。
app.js
var fs = require('fs'), http = require('http'), socketio = require('socket.io');var server = http.createServer(function(req, res) {res.writeHead(200, { 'Content-type': 'text/html'});res.end(fs.readFileSync(__dirname + '/index.html'));
}).listen(8080, function() {console.log('Listening at: http://localhost:8080');
});socketio.listen(server).on('connection', function (socket) {socket.on('message', function (msg) {console.log('Message Received: ', msg);socket.broadcast.emit('message', msg);});
});
安装 Socket.IO 了,可在命令行窗口进入当前文件目录中执行如下命令
npm install socket.io
运行 app.js 服务
node app.js
现在你可以打开两个浏览器,访问 http://127.0.0.1:8080/ 地址开始互聊了
nodejs+socket.io即时聊天实例相关推荐
- Nodejs+socket.io 搭建个人的网页聊天室
Nodejs+socket.io 搭建个人的网页聊天室 最近看到别人搭建了自己的实时聊天室便产生了兴趣,于是乎自己也着手搭建了一个.在socket这里我选用了socket.io这个模块,在网上看了很多 ...
- 【博客大赛】100行js代码实现网站在线用户数量统计 nodejs + socket.io方案
需求提出 公司的在线培训平台,需要增加一个新功能:实时统计当前在线的用户数量并在终端界面上显示,需要的时候可以查询当前在线的用户的明细. 有3种技术方案可以选用: 1)改动后台代码,在用户登录和退出时 ...
- nodejs socket.io 聊天室
阅读目录 需求分析 Node.js Socket.IO 安装Node.js 搭建WebSocket服务端 服务端代码实现 客户端代码实现 Web领域的实时推送技术,也被称作Realtime技术.这种技 ...
- Node.js + Web Socket 打造即时聊天程序嗨聊(上)
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
- [前端] Node.js + Web Socket 打造即时聊天程序嗨聊
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
- socket.io搭建聊天室
文章目录 1.定义 2.特点 3.实例 1.定义 socket.io是一个可以在客户端和服务器之间实现 低延迟, 双向 和 基于事件的 通信的库.它建立在websocket之上,且当浏览器不支持web ...
- ios视频通话三方_iOS基于Socket.io即时通讯IM实现,WebRTC实现视频通话
Socket.io-FLSocketIM-iOS 基于Socket.io iOS即时通讯客户端 iOS IM Client based on Socket.io 实现功能 文本发送 图片发送(从相册选 ...
- 使用React,TypeScript和Socket.io构建聊天应用
This is going to be a thorough step-by-step guide for building a single page chat application using ...
- socket.io php 聊天室,WebSocket学习(一)——基于socket.io实现简单多人聊天室
前言 什么是Websocket呢? 我们都知道在Http协议中,客户端与服务器端的通信是靠客户端发起请求,然后服务器端收到请求再进行回应,这个过程中,客户端是主动的,服务器端是被动的.Websocke ...
最新文章
- 漫画:什么是“低代码”开发平台?
- 学习webpack记录(三)
- Exception in thread “main“ org.apache.hadoop.hbase.client.RetriesExhaustedException: Can‘t get the l
- excel在线_怎么能在线免费将PDF转Excel?
- 从业务视角看交互设计师的价值
- :Windows下RabbitMQ安装及入门
- linux动态链接库
- 操作系统原理之进程调度与死锁(三)
- Windows 8操作技巧之快捷键大全
- CANN 5.0硬核技术抢先看
- 实现企业员工外出登记(二)
- P3 吴恩达推荐笔记:22张图总结深度学习全部知识
- 是几进制_10分钟带你了解什么是二进制
- 二倍图三倍图什么意思_小程序有二倍图三倍图使用的必要吗?
- 现场总线课程设计——IIC总线
- 7-3 学生成绩录入及查询 (20分)__C++
- 设置vs2107背景图片
- 树莓派4B官方说明文档
- Gitlab 设置页面语言为简体中文
- NFT:使用 EIP-2981 开启 NFT 版税之旅