准备工作
- 安装NodeJs环境
- 安装编译器Sublime
如果网速不理想，可以百度一下如何加快npm的速度~
使用node搭建一个简单的网站后台
- 做完准备工作之后，新建文件夹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",
}
- 安装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');
- 添加访问文件不存在时，返回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代表返回文件类型。
- 添加提供文件服务，用于给客户端返回相应文件。在app.js中添加如下代码：
function sendFile (res, filePath, fileContent) {
res.writeHead({
200,
'ContentType': mime.lookup(path.basename(filePath))
});
res.end(fileContents);
}
200代表返回成功。
- 提供静态文件服务。在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);
}
});
}
}
- 使用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进行多人聊天