您的位置:首页 > Web前端 > Node.js

[Nodejs]十分钟快速编写简单静态文件服务器

2015-03-30 15:02 169 查看
学了几天Nodejs 后我又干上了前端的活。这次遇到的问题是,我想在不同的设备上方便的查看我编写的网页,很自然的就想到要是能在本地搭建一个简单的http服务器的话,那局域网内的所有设备都可以访问了,这可是极好的。于是趁热马上动手实现一个简单服务器。

需求:访问http://192.168.1.100/index.html 可以返回指定网页及其涉及的资源(css,js,图片文件等)

function start(route, handle) {
http.createServer(function(request, response) {

request.addListener("end", function(){

fetchFile(request, response)
})

}).listen(8888);
}


调用createServer 方法创建一个服务器并监听8888端口,在回调内监听end 事件,并把抓取文件并返回的工作交给即将尚未编写的fetchFile 函数。

var typeMap = {
".png" : "image/png",
".jpg" : "image/jpeg",
".js"  : "application/javascript",
".css" : "text/css",
".html" : "text/html"
}


接下来,在编写fetchFile 之前,我们需要一个 “后缀名->Conent-Type” 的表,这样在浏览器访问指定资源的时候,我们能返回响应的Content-Type。

var fs = require('fs')
function fetchFile(req, res) {
var url = req.url
fs.readFile("."+req.url, function(err, data) {
var contentType = "text/plain"
if (!err) {
// find type of file
for (key in typeMap) {
if (req.url.match(key)) {
contentType = typeMap[key]
break
}
}
res.writeHead(200, {"Content-Type": contentType})
res.write(data)
res.end()
}
else {
res.writeHead(404, {"Content-Type":contentType})
res.end()
}
})
}


最后一步,当我们收到一个请求的时候,只需把请求的url 拿出来,在typeMap 里找出响应的Content-Type,之后调用fs 模块的异步文件读取方法,

如果文件存在,我们就返回正确的头信息,附上文件内容,发送响应。

如果文件不存在,返回404状态码,结束响应。

最后不要忘记调用我们的start 方法。

完整代码:

var http = require("http");

function start(route, handle) {
http.createServer(function(request, response) {

request.addListener("end", function(){
fetchFile(request, response)
})

}).listen(8888);
}

var typeMap = { ".png" : "image/png", ".jpg" : "image/jpeg", ".js" : "application/javascript", ".css" : "text/css", ".html" : "text/html" }
var fs = require('fs')
function fetchFile(req, res) {
var url = req.url
fs.readFile("."+req.url, function(err, data) {
var contentType = "text/plain"
if (!err) {
// find type of file
for (key in typeMap) {
if (req.url.match(key)) {
contentType = typeMap[key]
break
}
}
res.writeHead(200, {"Content-Type": contentType})
res.write(data)
res.end()
}
else {
res.writeHead(400, {"Content-Type":contentType})
res.end()
}
})
}

start()


server.js
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: