原生NodeJs制作一个简易聊天室

准备工作

  1. 安装NodeJs环境
  2. 安装编译器Sublime

如果网速不理想,可以百度一下如何加快npm的速度~

使用node搭建一个简单的网站后台

  1. 做完准备工作之后,新建文件夹chatroom,在chatroom中打开cmd,在控制台输出npm init。进行设置,得到package.json文件
{
"name": "chatroom",
"version": "1.0.0",
"description": "multiroom chat server",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"chatroom"
],
"author": "yyg",
"license": "ISC",
}
  1. 安装socket.io以及mime。执行如下代码:
npm install socket.io --save-dev
npm install mime --save-dev

这里 mime 模块是用于获取所发送文件的类型。使用mime来获取文件类型来设置HTTP头的Content-Type。而 socket.io 则是这个聊天室的主角了,这是一个支持事实通讯而设计的轻量的双向通信协议。

这里推荐一篇文章

3. 在当前文件夹chatroom下新建app.js文件作为整个程序的入口文件,首先引入http,fs,path和mime包。添加如下代码:

var http = require('http');
var fs = require('fs');
var path = require('path');
var mime = require('mime');
var socketio = require('socket.io');
  1. 添加访问文件不存在时,返回404页面,在app.js中添加如下代码:
function send404 (res) {
res.writeHead(404, {'ContentType': 'text/plain'});
res.write('you are in a black hole');
res.end();
}

writeHead()第一个参数代表HTTP响应码,404是指没有发现文件。ContentType代表返回文件类型。

  1. 添加提供文件服务,用于给客户端返回相应文件。在app.js中添加如下代码:
function sendFile (res, filePath, fileContent) {
res.writeHead({
200,
'ContentType': mime.lookup(path.basename(filePath))
});
res.end(fileContents);
}

200代表返回成功。

  1. 提供静态文件服务。在app.js中添加如下代码:
var cache = {};
function serveStaticFile (res, cache, absPath) {
if(cache[absPath]) { //检测是否文件已经存在于内存,如果存在直接返回。
sendFile(res, absPath, cache[absPath]);
} else {
fs.exists(absPath, function(exists){ //检测absPath路径下有没有此文件
if(exists) {
fs.readFile(absPath, function(err, data){
if(err) {
send404(res);
} else {
cache[absPath] = data; //存进内存
sendFile(res, absPath, data);
}
});
} else {
send404(res);
}
});
}
}
  1. 使用http模块,新建服务器并设置路由。在app.js中添加如下代码:
var server = http.createClient(function(req, res) {
var filePath = false; if(req.url == '/') {
filePath = 'public/index.html';
} else {
filePath = 'public/' + req.url;
} var absPath = './' + filePath;
serveStaticFile(res, cache, absPath);
}); server.listen(3000, function(req, res) {
console.log('server started at port 3000');
});

敲完代码,大功告成!接下来再chatroom中新建文件夹public保存静态文件,建立一个主页index,内容随便填写。在命令行中输入node app,在浏览器中打开localhost:3000看看效果吧~

下次再写加入socket.io进行多人聊天

上一篇:SOA_环境安装系列4_Oracle SOA安装和环境搭建(案例)


下一篇:centos7 安装搜狗输入法