在这之前你应该先安装好 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即时聊天实例相关推荐

  1. Nodejs+socket.io 搭建个人的网页聊天室

    Nodejs+socket.io 搭建个人的网页聊天室 最近看到别人搭建了自己的实时聊天室便产生了兴趣,于是乎自己也着手搭建了一个.在socket这里我选用了socket.io这个模块,在网上看了很多 ...

  2. 【博客大赛】100行js代码实现网站在线用户数量统计 nodejs + socket.io方案

    需求提出 公司的在线培训平台,需要增加一个新功能:实时统计当前在线的用户数量并在终端界面上显示,需要的时候可以查询当前在线的用户的明细. 有3种技术方案可以选用: 1)改动后台代码,在用户登录和退出时 ...

  3. nodejs socket.io 聊天室

    阅读目录 需求分析 Node.js Socket.IO 安装Node.js 搭建WebSocket服务端 服务端代码实现 客户端代码实现 Web领域的实时推送技术,也被称作Realtime技术.这种技 ...

  4. Node.js + Web Socket 打造即时聊天程序嗨聊(上)

    前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...

  5. [前端] Node.js + Web Socket 打造即时聊天程序嗨聊

    前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...

  6. socket.io搭建聊天室

    文章目录 1.定义 2.特点 3.实例 1.定义 socket.io是一个可以在客户端和服务器之间实现 低延迟, 双向 和 基于事件的 通信的库.它建立在websocket之上,且当浏览器不支持web ...

  7. ios视频通话三方_iOS基于Socket.io即时通讯IM实现,WebRTC实现视频通话

    Socket.io-FLSocketIM-iOS 基于Socket.io iOS即时通讯客户端 iOS IM Client based on Socket.io 实现功能 文本发送 图片发送(从相册选 ...

  8. 使用React,TypeScript和Socket.io构建聊天应用

    This is going to be a thorough step-by-step guide for building a single page chat application using ...

  9. socket.io php 聊天室,WebSocket学习(一)——基于socket.io实现简单多人聊天室

    前言 什么是Websocket呢? 我们都知道在Http协议中,客户端与服务器端的通信是靠客户端发起请求,然后服务器端收到请求再进行回应,这个过程中,客户端是主动的,服务器端是被动的.Websocke ...

最新文章

  1. 漫画:什么是“低代码”开发平台?
  2. 学习webpack记录(三)
  3. Exception in thread “main“ org.apache.hadoop.hbase.client.RetriesExhaustedException: Can‘t get the l
  4. excel在线_怎么能在线免费将PDF转Excel?
  5. 从业务视角看交互设计师的价值
  6. :Windows下RabbitMQ安装及入门
  7. linux动态链接库
  8. 操作系统原理之进程调度与死锁(三)
  9. Windows 8操作技巧之快捷键大全
  10. CANN 5.0硬核技术抢先看
  11. 实现企业员工外出登记(二)
  12. P3 吴恩达推荐笔记:22张图总结深度学习全部知识
  13. 是几进制_10分钟带你了解什么是二进制
  14. 二倍图三倍图什么意思_小程序有二倍图三倍图使用的必要吗?
  15. 现场总线课程设计——IIC总线
  16. 7-3 学生成绩录入及查询 (20分)__C++
  17. 设置vs2107背景图片
  18. 树莓派4B官方说明文档
  19. Gitlab 设置页面语言为简体中文
  20. NFT:使用 EIP-2981 开启 NFT 版税之旅

热门文章

  1. nginx完全关闭log
  2. django之创建第8-2个项目-数据库数据提取之过滤操作符相关
  3. CocoaPods详解之----制作篇
  4. windows 下eclipse 连HBASE
  5. Inheritance vs. Composition in Java
  6. 利用多线程提高程序性能(for Android)
  7. 2019北京国际智慧城市、物联网、大数据博览会
  8. Oracle的 EXEC SQL CONTEXT学习
  9. centos 7 单独安装mysql和mysqli和pdo_mysql扩展
  10. vsphere6.0实验拓扑-虚拟机版