详解用node搭建简单的静态资源管理器


Posted in Javascript onAugust 09, 2017

本文介绍了用node搭建简单的静态资源管理器,分享给大家,具体如下:

我么都知道,老牌的3p服务器都是自带静态资源管理器的。但是node不同,它没有web容器,它的路由地址和真实地址可以没有联系,所有node的优点,是可以把路由做得相当漂亮。

但静态资源管理器也是必不可少的东西,今天我主要用node的fs模块,自己手写一个简单的静态资源管理器。

首先,建一个static文件夹,所有的静态文件都将放到这个文件夹下

详解用node搭建简单的静态资源管理器

引包

var http = require("http");
var url = require("url");
var fs = require("fs");
var path = require("path");

path包是为了读取文件的后缀名

var extname = path.extname(pathname);

用fs读出文件

var http = require("http");
var url = require("url");
var fs = require("fs");
var path = require("path");
http.createServer(function(req,res) {
  //得到用户路径
  var pathname = url.parse(req.url).pathname;
  //判断此时用户输入的是文件地址还是文件夹地址
  //如果是文件夹地址,那么自动请求文件夹中的index.html
  if(pathname.indexOf(".") == -1) {
    pathname = "index.html";
  }
  //拓展名
  var extname = path.extname(pathname);

  //把文件读出来
  res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
  fs.readFile("./static/"+pathname,function(err,data) {
    if(err) {
      //如果此文件不存在,就因该用404返回
      fs.readFile("./static/404.html",function(err,data) {
        res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});
        res.end(data);
      });
      return;
      //res.end('<center>服务器傲娇的向你抛出了一个404错误</center')
    };
    //MIME类型,就是
    //网页文件:ttext/html
    //jpg文件:image/jpg
    getMime(extname,function(mime) {
      res.writeHead(200,{"Content-type":mime});
      res.end(data);
    });

  });

}).listen(3000,"127.0.0.1");
function getMime(extname,callback) {
  fs.readFile("./static/data.json",function(err,data) {    
    if(err) {
      throw Error("找不到data,json文件");
      return;
    }
    var data = JSON.parse(data);
    var mime = data[extname]||"text/plain";
    callback(mime);
  });
  /*switch(extname) {
    case:".html":
      return "text/html";
      break;
    case ".jpg" :
      return "image/jpg";
      break; 
    case ".css" :
      return "text/css";
      break;
  }*/
  
}

getMime()函数的作用是给不同类型的文件指定不同的content-type。这里我用了两种方法,一种是引入一个包含很多mime的json文件,另一种是直接列举case语句。

引入json的方法要复杂一下。你要注意怎样传参和怎样去设置回调,来避免异步。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
Sep 21 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
vue页面使用阿里oss上传功能的实例(二)
Aug 09 #Javascript
vue.js框架实现表单排序和分页效果
Aug 09 #Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 #Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 #jQuery
vue 打包后的文件部署到express服务器上的方法
Aug 09 #Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 #Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 #Javascript
You might like
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
php格式化金额函数分享
2015/02/02 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
jQuery实现简单的点赞效果
2020/05/29 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
vuejs实现下拉框菜单选择
2020/10/23 Javascript
[04:27]2014DOTA2国际邀请赛 NAVI战队官方纪录片
2014/07/21 DOTA
Python3实现从指定路径查找文件的方法
2015/05/22 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
python Matplotlib模块的使用
2020/09/16 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
美津浓巴西官方网站:Mizuno巴西
2019/07/24 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
如何将整数int转换成字串String
2014/03/21 面试题
财务会计专业毕业生自荐信
2013/10/19 职场文书
项目经理岗位职责
2013/11/11 职场文书
酒店总经理欢迎词
2014/01/15 职场文书
《雾凇》教学反思
2014/02/17 职场文书
《莫高窟》教学反思
2014/02/25 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
2014年乡镇团委工作总结
2014/12/18 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP