Please Enable JavaScript!
Gon[ Enable JavaScript ]

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

NodeJS
반응형

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

 

환경 : Eclispe

 

NodeJS 에서 웹 페이지를 띄우기 위한 웹 서버 구성 방식은 여러가지 입니다. 그 중 하나가 express 모듈을 사용하는 것입니다. express fs 모듈만 있으면 간단하게 웹 페이지를 띄울 수 있습니다. 샘플 예제를 통해 어떻게 구현하는지 알아 보도록 하겠습니다.

 

소스는 다음과 같습니다. 제일 상단에서 필요한 모듈인 express, fs 를 가져오기 위해 require() 함수를 사용했습니다. 그리고 express() 함수로 얻는 객체를 이용해서 웹 서버를 띄워야 합니다. 함수는 listen() 입니다. 필요한 파라미터 값은 PORT 번호와 콜백 함수입니다. 두 번째는 웹 페이지에 접속한 사람들을 대상으로 html 파일을 보여 줘야 합니다. 함수는 get() 입니다. 웹 브라우저로 접속한 사람들에게 fs 모듈을 이용해서 파일을 읽고 Response end() 를 이용해서 전달합니다.

var express = require('express'); // 웹 서버 사용
var fs = require('fs') // 파일 로드 사용

var app = express();
var port = 3000;

app.listen(port, function(){
	console.log('Server Start, Port : ' + port);
});

app.get('/', function(req, res){
	fs.readFile('main.html', function(error, data){
		if(error){
			console.log(error);
		}else{
			res.writeHead(200, {'Content-Type': 'text/html'});
			res.end(data);
		}
	});
});

 

Response 로 보여 줄 내용이 담긴 HTML 파일입니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    안녕하세요. 웹 서버가 시작되었습니다. 
  </body>
</html>

 

웹 서버 구성을 위한 소스와 HTML 파일은 완성되었습니다. 이제 NodeJS 를 이용해서 구동해야 합니다. 그런데 express 모듈이 없다고 나오네요.

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

 

npm 을 이용해서 express 모듈을 설치합니다.


> npm install express 

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

 

express 모듈의 설치를 끝내고 다시 실행합니다. 다음과 같은 윈도우 보안 경고 화면이 뜨면 [액세스 허용]을 클릭합니다. NodeJS 에서 실행할 때 입력한 PORT 번호 때문입니다

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

 

NodeJS 웹 서버를 띄우고 브라우저로 주소를 입력해 보세요. 이전에 작성한 HTML 파일의 내용이 나타날 겁니다

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

 

콘솔에서 서버를 종료하고 싶다면 Ctrl + C 단축키를 누릅니다. 이상으로 express fs 모듈을 사용해서 웹 서버를 띄우고 HTML 을 출력해 보았습니다

NodeJS 웹 서버 실행해서 웹 페이지 표현하는 방법, Express 설치

반응형
Posted by 녹두장군1
,