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 모듈이 없다고 나오네요.
▼ npm 을 이용해서 express 모듈을 설치합니다.
> npm install express
▼ express 모듈의 설치를 끝내고 다시 실행합니다. 다음과 같은 윈도우 보안 경고 화면이 뜨면 [액세스 허용]을 클릭합니다. NodeJS 에서 실행할 때 입력한 PORT 번호 때문입니다.
▼ NodeJS 웹 서버를 띄우고 브라우저로 주소를 입력해 보세요. 이전에 작성한 HTML 파일의 내용이 나타날 겁니다.
▼ 콘솔에서 서버를 종료하고 싶다면 Ctrl + C 단축키를 누릅니다. 이상으로 express 와 fs 모듈을 사용해서 웹 서버를 띄우고 HTML 을 출력해 보았습니다.
'NodeJS' 카테고리의 다른 글
리눅스 CentOS 에 NodeJS 설치해서 웹 서버 띄우는 방법(Oracle Virtual Box 환경) (0) | 2018.11.10 |
---|---|
NodeJS IDEL 통합환경 개발툴 Microsoft Visual Studio Code 무료 사용 (0) | 2018.10.22 |
NodeJS 패키지 관리 package.json 만드는 방법 (0) | 2018.10.21 |
이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2 (0) | 2018.10.05 |
Node JS 작업 스케줄러 모듈을 이용해서 배치 작업하는 방법 (0) | 2018.08.16 |
NodeJS 를 이용해서 웹 사이트 스크래핑(크롤링) 하는 방법 (2) | 2018.08.06 |
이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 1 (0) | 2018.08.03 |
NodeJS Express Generator 모듈을 사용해서 앱 개발하는 방법 (0) | 2018.07.31 |