상세 한 설명 은 node 로 간단 한 정적 자원 관리 자 를 구축 합 니 다.

본 고 는 node 로 간단 한 정적 자원 관리 자 를 구축 하여 여러분 에 게 공유 하고 구체 적 으로 다음 과 같 습 니 다.
우리 모 두 는 오래된 3p 서버 가 모두 정적 자원 관리 자 를 가지 고 있다 는 것 을 안다.그러나 node 는 다 릅 니 다.웹 용기 가 없습니다.경로 주소 와 실제 주 소 는 연락 이 없 을 수 있 습 니 다.모든 node 의 장점 은 경 로 를 상당히 예 쁘 게 만 들 수 있 습 니 다.
그러나 정적 자원 관리자 도 없어 서 는 안 될 것 입 니 다.오늘 저 는 주로 node 의 fs 모듈 을 사용 하여 간단 한 정적 자원 관리 자 를 직접 씁 니 다.
우선,static 폴 더 를 만 들 고 모든 정적 파일 을 이 폴 더 아래 에 놓 습 니 다.

인솔 하 다

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 문 구 를 직접 열거 하 는 것 입 니 다.
제 이 슨 을 도입 하 는 방법 은 좀 복잡 해 야 한다.너 는 이 보 를 피하 기 위해 서 어떻게 전 참 하고 어떻게 반전 을 설정 하 는 지 주의해 야 한다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기