详解用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 相关文章推荐
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
node.js中的http.response.removeHeader方法使用说明
Dec 14 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
原生js实现放大镜特效
Mar 08 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 Javascript
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
再说下636单管机
2021/03/02 无线电
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
php往mysql中批量插入数据实例教程
2018/12/12 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
Python编写简单的HTML页面合并脚本
2016/07/11 Python
python如何在终端里面显示一张图片
2016/08/17 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
协议书怎么写
2014/04/21 职场文书
医院保洁服务方案
2014/06/11 职场文书
先进教师事迹材料
2014/12/16 职场文书
关于分班的感言
2015/08/04 职场文书
python使用glob检索文件的操作
2021/05/20 Python
Linux中文件的基本属性介绍
2022/06/01 Servers