Chinaunix首页 | 论坛 | 博客

crazy_itman博客

首页　| 　博文目录　| 　关于我

crazy_itman

  • 博客访问： 25139
  • 博文数量： 12
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 80
  • 用 户 组： 普通用户
  • 注册时间： 2013-11-05 13:33
文章分类

全部博文（12）

文章存档

2013年（12）

我的朋友
最近访客
推荐博文
相关博文
Node.js开发手册

分类： Web开发

2013-11-05 13:43:56


一、静态文件服务

如果我们想把磁盘上的文件作为Web内容对外提供服务，那么怎么用Node来实现呢？答案是使用fs模块。
我们可以使用fs即filesystem模块载入文件的内容，并把内容通过createServer回调函数传递出去。提供静态文件服务是Node.js的核心基础功能，应该掌握它。

二、Demo

下面我们创建三个文件，这些文件都会由NodeJS提供静态文件服务。

1. index.html

内容如下：
[html] view plaincopyprint?
  1. <html>  
  2.     <head>  
  3.         <title>Yay Node!title>  
  4.         <link rel="stylesheet" href="styles.css" type="text/css" />  
  5.         <script src="script.js" type="text/javascript">script>  
  6.     head>  
  7.     <body>  
  8.         <span id="yay">Yay!span>  
  9.     body>  
  10. html>  

2. script.js

内容如下：
[javascript] view plaincopyprint?
  1. // script.js  
  2. window.onload=function(){  
  3.     alert('Yay Node!');  
  4. };  

3. styles.css

内容如下：
[css] view plaincopyprint?
  1. #yay{  
  2.     font-size: 5em;  
  3.     background: blue;  
  4.     color: yellow;  
  5.     padding: 0.5em;  
  6. }  

将上面的三个文件放入content目录下。

4. 编写Node程序

创建名为server.js的脚本文件，内容如下：
[javascript] view plaincopyprint?
  1. var http = require('http');  
  2. var path = require('path');  
  3. var fs = require('fs');  
  4.   
  5. http.createServer(function(req, res){  
  6.     var lookup = path.basename(decodeURI(req.url)) || 'index.html',  
  7.     f = 'content/' + lookup;  
  8.     fs.exists(f, function(exists){  
  9.         console.log(exists ? lookup + " is there" : lookup + " doesn't exist");  
  10.     });  
  11. }).listen(8080);  

用supervisor热部署工具执行以上程序：
$ supervisor server.js

在浏览器访问地址：
终端显示：
DEBUG: Starting child process with 'node server.js'
foo doesn't exist

在浏览器访问地址：
终端显示：
DEBUG: Starting child process with 'node server.js'
DEBUG: Watching directory '/home/chszs/tmp' for changes.
index.html is there

三、进阶

假定我们想让客户端知道文件的类型，可以通过扩展名进行判断。
修改server.js文件，内容为：
[javascript] view plaincopyprint?
  1. // server.js  
  2. var http = require('http');  
  3. var path = require('path');  
  4. var fs = require('fs');  
  5.   
  6. var mimeTypes = {  
  7.     '.js': 'text/javascript',  
  8.     '.html': 'text/html',  
  9.     '.css': 'text/css'  
  10. };  
  11.   
  12. http.createServer(function(req, res){  
  13.     var lookup = path.basename(decodeURI(req.url)) || 'index.html',  
  14.     f = 'content/' + lookup;  
  15.     fs.exists(f, function(exists){  
  16.         if(exists){  
  17.             fs.readFile(f, function(err, data){  
  18.                 if(err){  
  19.                     res.writeHead(500);  
  20.                     res.end('Server Error!');  
  21.                     return;  
  22.                 }  
  23.                 var headers = {'Content-type': mimeTypes[path.extname]};  
  24.                 res.writeHead(200, headers);  
  25.                 res.end(data);  
  26.             });  
  27.             return;  
  28.         }  
  29.         res.writeHead(404);  
  30.         res.end();  
  31.     });  
  32. }).listen(8080);  

在浏览器地址栏输入

或

都会在网页上显示文件的内容。

在浏览器地址栏输入

如图所示：


阅读(329) | 评论(0) | 转发(0) |
0

上一篇：事件（高级程序编程）

下一篇：Android开发之旅：HelloWorld项目的目录结构

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6