관리 메뉴

정리왕

[Node.js] 주소 URL 요청하는 방법 본문

6.개발/Node.js

[Node.js] 주소 URL 요청하는 방법

정리합니다 2022. 5. 6. 00:21
반응형

웹서버를 개발하려면, 클라이언트가 요청하는 주소URL에 따라, 서버는 다른 화면을 보여줘야 됩니다.

오늘은 그 원리에 대해서 알아봅시다.

 

 


1. 노드js에서 URL을 가져놀 수 있는 함수는?

 

노드.js에서는 URL창에 URL을 가지고 놀 수 있게 하는 모듈이 url모듈입니다.

 

url모듈을 통해서 url를 자바스크립트가 알 수 있는 객체로 만들수 있고,

객체에서 일반 문자열(String)타입으로 변화도 할 수 있습니다.

 

 

구글에서 nodejs로 검색할 경우

 

구글에서 nodejs로 검색하면, 주소가 아래와 같습니다.

 

https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome 

 

이 URL을 노드JS에서 내장모듈을 통해 조작할 수 있습니다.

 

protocol : https

host : www.gooogle.com  

query : q=nodejs&oq=nodejs&aqs=chrome 

 

 


 

2. 주소 문자열을 URL객체로 변환하는 함수 - parse( )

parse( ) 함수는 주소 문자열을 파싱하여 자바스크립트에서 사용할 수 있도록 URL 객체로 만들어 줍니다.

위에서 구글에서 nodejs로 검색한 주소로 연습을 해 보겠습니다.

https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome 

url.parse("URL주소값" )

URL주소값의 url객체 값을 확인할 수 있습니다.

protocol, slashes, auth, host, port, hostname, hash, search, query, pathname, path, href 

 

< 코딩 >

var url = require("url");

var googleUrl = url.parse(
  "https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome"
);

console.log(googleUrl);

 

< 출력 >

Url {
  protocol: 'https:',
  slashes: true,
  auth: null,
  host: 'www.google.com',
  port: null,
  hostname: 'www.google.com',
  hash: null,
  search: '?q=nodejs&oq=nodejs&aqs=chrome',
  query: 'q=nodejs&oq=nodejs&aqs=chrome',
  pathname: '/search',
  path: '/search?q=nodejs&oq=nodejs&aqs=chrome',
  href: 'https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome'
}

 

 


3. querystring 모듈

위에서 구글에서 nodejs로 검색한 URL로 연습 해 보겠습니다.

https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome 

 

nodejs - Google 검색

Node.js is an open-source, cross-platform, JavaScript runtime environment. For information on using Node.js, see the Node.js website ...

www.google.com

 

< 코딩 >

var url = require("url");

var googleUrl = url.parse(
  "https://www.google.com/search?q=nodejs&oq=nodejs&aqs=chrome"
);

console.log(googleUrl);

var querystring = require("querystring");  //추가
var parameter = querystring.parse(googleUrl.query);  //추가

console.log(parameter);  //추가

 

URL에서 ? 뒤부터 &기호로 시작하고 =전까지를 객체로 만들어 줍니다.

보통 마케팅이나 웹사이트 카테고리 등에서 많이 사용합니다.

 

< 출력 >

 

 

 

 

반응형
Comments