首页 > 语言 > JavaScript > 正文

玩转NODE.JS(四)-搭建简单的聊天室的代码

2024-05-06 15:07:00
字体:
来源:转载
供稿:网友

Nodejs好久没有跟进了,最近想用它搞一个聊天室,然后便偶遇了socket.io这个东东,说是可以用它来简单的实现实时双向的基于事件的通讯机制。我便看了一些个教程使用它来搭建一个超级简单的聊天室。

初始化项目

在电脑里新建一个文件夹,叫做“chatroom”,然后使用npm进行初始化:

$ npm init

然后根据提示以及相关信息一步一步输入,当然也可以一路回车下去,之后会在项目里生成一个package.json文件,里面的信息如下:

$ cat package.json{ "name": "chatroom", "version": "1.0.0", "description": "a room which lets people chat", "main": "index.js", "scripts": {  "test": "nothing" }, "author": "voidy", "license": "ISC", }

这个文件描述了项目的相关信息。

安装socket.io

接下来,安装socket.io:

 $ npm install socket.io --save

安装Socket.IO的时候,--save参数用于保存模块依赖信息到package.json文件,安装完后,打开package.json文件会看到里面多了一项内容:

 "dependencies": {   "socket.io": "^1.2.1" }

同时Socket.IO安装在了node_modules文件夹下。

实现聊天-服务器端

首先我们来编写服务器端程序,新建文件“index.js”,在里面导入如下模块:

 var http = require('http');       var socketio = require('socket.io');  var fs = require('fs'); 

第一行是导入http模块,先前我们已经见过了,用于创建http server。

第二行是导入socket.io模块,实现实时聊天必备的,不再赘述。

第三行是导入fs模块,用于读取文件。具体的一会你就会了解到。

通过http模块创建app,在刚刚的代码中加入如下语句:

var app = http.createServer(function(req, res) {   fs.readFile(__dirname + '/index.html', function (err, data) {    if (err) {      res.writeHead(500);      return res.end('Error loading index.html');    }    res.writeHead(200);     res.write(data);      res.end();  });}).listen(8888);

fs.readFile()方法用于读取文件,在这里读取的是index.html文件,也就是一会即将要编写的前端聊天室的展示页面。

第8行是返回请求的状态码,第9行是返回读取到的内容给浏览器。然后这个http server使用listen方法监听8888端口。

接下来,就是使用socket.io来实现聊天的事件了。在刚刚的index.js文件的http server下面接着创建socket.io对象。

var io = socketio(app);

然后监听connection事件,当浏览器连接到此Socket.IO服务时触发该事件:

io.on('connection', function (socket) {  // 监听浏览器端的chat事件  socket.on('chat', function (data) {    console.log(data);    io.emit('sendmsg', data);   });});            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选