본문 바로가기

개발

[Node.js] Express Framework를 이용한 간단한 라우팅




MEAN STACK node.js express

테스트 환경 : Windows 10 64-bit


express는 경량화 웹 개발 프레임워크이며, 웹 서비스나 웹 애플리케이션을 개발을 위한 다양한 API를 제공한다.


express는 MEAN STACK에 E에 해당한다. 

차후 좀 더 공부할 기회가 있을 것이니 여기서는 간단한 라우팅 정도만 테스트하고 넘어가자.



우선 npm을 이용해 express 모듈을 설치한다.

npm install express --save



server.js 파일을 만들고 아래 내용을 입력한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var express = require('express');
var app = express();
var tag = '';
 
// get 
app.get('/'function (req, res) {  
  // html tag 
  tag = '<h3>This is get page </h3>';
  tag +=  '<form action="http://localhost:8081" method="POST">';
  tag +=    '<input type="text" name="user"><br>';   
  tag +=    '<input type="submit" value="Go! Post">';
  tag +=  '</form>';
  tag +=  '<h3><a href="http://localhost:8081/user" >Go! put page </a></h3>';
  tag +=  '<h3><a href="http://localhost:8081/user" >Go! delete page </a></h3>';
 
  res.send(tag);
});
 
// post
app.post('/'function (req, res) {
  tag = '<h3>Post page</h3>';  
  res.send(tag);
 
});
 
// put
app.put('/user'function (req, res) {
  res.send('Got a PUT request at /user');
});
 
// delete
app.delete('/user'function (req, res) {
  res.send('Got a DELETE request at /user');
});
 
var server = app.listen(8081function () {
  var host = server.address().address;
  var port = server.address().port;
 
  console.log('Example app listening at http://%s:%s', host, port);
});

cs



명령프롬프트(CMD)창에서 server.js를 실행시킨다.

node server


Example app listening at http://:::8081



localhost:8081으로 웹 접속을 하면 get 방식으로 화면을 호출한다.

정상적으로 서버가 구동되었다면 아래 이미지처럼 나올 것이다.





input창엔 내용을 입력하지 않아도 된다.

input창 아래 Go! Post 버튼을 누르면 post방식으로 요청한다. 




put, delete 방식은 링크(localhost:8081/user)를 통해 호출은 가능하지만 정상적으로 접근하기 위해선 html에서 수정이 필요하다.

현재는 Cannot GET /user 라는 메시지만 보게 될 것이다. 

방법은 다음에 찾아 보는 걸로.. 



참조 : http://www.tutorialspoint.com/nodejs/nodejs_express_framework.htm








맨 위로