node.js express static middleawre 사용하기

Express 역시 제공되는 middleware 가 있습니다.

대표적으로 static middleware가 있습니다.

static 미들웨어는먼저 static 미들웨어는 특정 폴더의 파일들을 특정path로 접근할 수 있도록 만들어 줍니다.

예시로, public 폴더에있는 모든 파일을 웹서버 root path로 접근할 수 있도록 만들고 싶다면 다음 코드를 추가하면됩니다.

static 미들웨어는 외장 모듈로 만들어져있으며 설치가 필요합니다. 명령프롬프트에서 아래 명령어를  사용해 설치합니다.

> npm install serve-static --save

이코드는 public 폴더안에있는 파일들을 클라이언트에서 바로 접근할 수있게합니다.

만약다음과같이            /public/index.html 에 파일이있다면  웹브라우져에서    === > http://localhost:3000/index.html 처럼 접근할수있습니다. app.use('/public, static(path.join(__dirname, 'public')));

./apps.js

//Express 기본 모듈 불러오기.

var express = require('express');

var http = require('http');

var static = require('serve-static');

var path = require('path');

//Express 객체 생성

var app = express();

//기본포트를 app 객체에 속성으로 설정

app.set('port', process.env.PORT || 3000);

app.use(static(path.join(__dirname, 'public')));

//Express 서버 시작

http.createServer(app).listen(app.get('port'), function(){

console.log('Express 서버를 시작했습니다. : '+ app.get('port'));

});

public/index.html

index.html 입니다.

명령 프롬프트에 다음과 같이명령합니다.

> node app.js

웹브라우져에서 localhost:3000/index.html 을치면 다음과 같은 페이지가 출력되게 됩니다.