[2017.10.25] 03. Node.js서버와 Browser클라이언트 [데이터 전달]

도입

이번 포스팅에서는 Nodejs 서버와 Browser 클라이언트 사이의 데이터 요청을 확인 할 예정이다. 

Node.js를 공부하며 클라이언트 요청 데이터를 서버에서 가공하는 단계가 복잡했고 햇갈리는 부분이어서 정리했다.

Step1. 클라이언트 -> 서버 데이터 요청

// 1. 라이브러리 가져오기
var http = require("http");
 
// 2. 서버 생성
var server = http.createServer(function(request, response) {
  // 주소를 제외한 url 추출
  console.log(request.url);
  var url = request.url;
  
  response.end("Connected");
});
 
// 3. 클라이언트 대기
server.listen(9000, function() {
  console.log("Server listening ...");
});

Url의 구성

Step2. Url -> 구조화(Structed Url)

// 1. 라이브러리 가져오기
var http = require("http");
var u = require("url");
 
// 2. 서버 생성
var server = http.createServer(function(request, response) {
  // 주소를 제외한 url 추출
  // console.log(request.url);
  var url = request.url;
  var strucedUrl = u.parse(url); 
  console.log(strucedUrl);        
 
  response.end("Connected");
});
 
// 3. 클라이언트 대기
server.listen(9000, function() {
  console.log("Server listening ...");
});

structedUrl의 구성 

Step3. Query->구조화(Structed Query)

// 1. 라이브러리 가져오기
var http = require("http");
var u = require("url");
var qs = require("querystring");
 
// 2. 서버 생성
var server = http.createServer(function(request, response) {
  // 주소를 제외한 url 추출
  // console.log(request.url);
  var url = request.url;
 
  var strucedUrl = u.parse(url);
  // console.log(strucedUrl);
 
  var strucedQuery = qs.parse(strucedUrl.query);
  console.log(strucedQuery);
  
  response.end("Connected");
});
 
// 3. 클라이언트 대기
server.listen(9000, function() {
  console.log("Server listening ...");
});

structedQuery의 구성

#nodejs 서버