[Node.js] REST API HTTP GET Query string과 Params의 차이점

Express의 query 객체의 사용

동적인 파일을 통해서 (app.js 에 직접 작성) 쿼리스트링 사용에 대해 살펴본다.

• url 내의 쿼리스트링을 가져오려면 req.query 를 사용해야한다.
• express api reference req.query 참고
• 복수의 쿼리스트링을 가져오는 것도 가능하다.

  app.get('/topic', function(req, res) { // url이 http://a.com/topic?id=1&name=siwa 일때 res.send(req.query.id+','+req.query.name); // 1,siwa 출력 })
  

HTML Parameter Passing

웹서버를 기동하였으면, 그러면 어떻게 HTML에서 parameter를 넘기는지 보자, HTML에서는 HTTP URL의 일부 또는 Query String 또는 HTML body의 form value로 값을 넘길 수 있다.

각각의 방법을 알아보면

 

URL Param

app.get(“URI/:{parameter name}”,callbackfunction…);

식으로 정의하면 URL 내의 경로를 변수로 사용할 수 있다. 예를 들어서

app.get('/tweeter/:name',function(req,res){

          console.log(req.params.name);

      });

의 코드는 /tweeter/{경로} 로 들어오는 HTTP GET 요청에 대해서 {경로} 부분을 변수 처리 한다. 즉 /tweeter/terry라고 하면, req.params.name으로 해서 “terry”라는 값을 받을 수 있다.

 

Query Param

다음으로는 HTTP request로 들어오는 Query String의 값을 추출하는 방법인데, request.query.{query string 키 이름} 으로 추출할 수 있다.

예를 들어 HTTP GET /search?q=조대협 으로 요청이 들어왔을때

var q = request.query.q  로 하면 “조대협” 이라는 value를 추출할 수 있다.

 

Form Param

마지막으로 HTML의 <form>을 통해서 들어오는 값을 추출하는 방법이다.

다음과 같은 HTML이 있다고 가정할때,

<input name=”username” …/>

이 form 값을 읽어 올려면

var q = request.body.username  으로 하면 HTML form에서 name이 “username”으로 정해진 element의 값을 읽어올 수 있다.

출처: https://bcho.tistory.com/887 [조대협의 블로그]