socket.io快入入门案例

Posted 巅峰小学生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了socket.io快入入门案例相关的知识,希望对你有一定的参考价值。

socket.io基本介绍


## 创建一个nodejs项目 步骤1:创建项目目录 ![](http://images2017.cnblogs.com/blog/1245315/201712/1245315-20171217183217421-493415679.png)

步骤2:初始化nodejs项目
命令:npm init -f

结果如下:


## 在nodejs项目安装socket.io模块 命令:npm install sokcet.io ![](http://images2017.cnblogs.com/blog/1245315/201712/1245315-20171217183239014-1003199113.png)

socket.io网站:https://socket.io/


## socket.io快速入门案例 客户端:index.html ```


服务端:server.js [node.js]

var app = require(\'http\').createServer(handler)
var io = require(\'socket.io\')(app);
var fs = require(\'fs\');

app.listen(8888);

//URL请求处理
/*
服务器web请求处理器
作用: 当客户端请localhost:8888时,打开默认页面 /index.html
*/
function handler (req, res) {
//打开默认页面
fs.readFile(__dirname + \'/index.html\',

//响应处理方法
function (err, data) {

//情况1:如果 err 不为空,那么表示没有找到 /index.html
if (err) {
  res.writeHead(500);
  return res.end(\'Error loading index.html\');
}

//情况2:找到了 /index.html
res.writeHead(200);
res.end(data);

});
}

// socket请求处理
io.on(\'connection\', function (socket) {

// 向客户端的自定义事件\'news\'发送数据
socket.emit(\'news\', { hello: \'world\' });

// 创建自定义事件 my other event
socket.on(\'my other event\', function (data) {
console.log(data);
});
});

以上是关于socket.io快入入门案例的主要内容,如果未能解决你的问题,请参考以下文章

到底是用 Ajax 还是 Socket.IO? 用测试数据说话!

通过 c# 与 socket.io 服务器通信

实时通信框架 Socket.IO

使用 Socket.IO 的主要场景是啥

Socket.io 多连接

Vue中 引入使用 vue-socket.io