Runtime/Node.js

8. Postman 설치 및 익스프레스 라우트 테스트

김엉배 2023. 2. 19. 01:59
728x90
반응형

 

1.  Postman 설치하기(https://www.postman.com/downloads/)

Postman 설치 파일 다운로드 사이트
Postman 실행 화면

 

2. 익스프레스 라우트 테스트

  • 다음과 같이 2개의 라우트를 작성 
// 클라이언트에서 HTTP 요청 메소드 GET 방식으로 'host:port'를 호출했을 때
app.get('/', function(req, res) {
	res.send('Hello World!'); // 클라이언트에 Hello World! 문자열 전송
});

// 클라이언트에서 HTTP 요청 메소드 GET 방식을 'host:port/about'을 호출했을 때
app.get('/about', function(req, res) {
	res.send('about') // 클라이언트에 about 문자열 전송
});
  • Postman에서 익스프레스 라우트 테스트 관리하기 위해서 먼저 Collection을 생성한다.
    Collection 생성은 다음 순서로 진행

Collection 생성

  • 새로운 Collection을 만들기 위해서 Collection 생성 버튼(+)를 클릭
  • New Collection 옆의 더보기 버튼 클릭
  • Rename 메뉴를 클릭
  • Collection 이름을 'Express 라우트 테스트'로 변경

Add request

  • 익스프레스 라우트를 테스트하기 위해 클라이언트 요청을 추가. Collection의 더보기 버튼을 클릭하고 'Add request' 메뉴 클릭

Get 요청

    • GetRoot를 선택하고 오른쪽 패널에서 HTTP 요청 메소드 'GET'을 선택
    • 요청 URI을 'http://localhost:3000/about'으로 입력
    • Send 버튼을 클릭
    • 클라이언트 요청에 대응되는 다음 라우트가 실행되고 클라이언트로 'Hello World!' 문자열 응답이 이루어진다.
app.get('/', function(req, res) {
	res.send('Hello World!'); // 클라이언트에 Hello World! 문자열 전송
});
  • 클라이언트 요청을 한 개 더 추가

about 라우트로 GET 요청

  • GetAbout을 선택하고 오른쪽 패널에서 HTTP 요청 메소드 'GET'을 선택
  • 요청 URL을 'http://localhost:3000/about'으로 입력한다.
  • Send 버튼을 클릭
  • 클라이언트 요청에 대응되는 다음 라우트가 실행되고 클라이언트로 'about' 문자열 응답이 이루어진다.
app.get('/about', function(req, res) {
	res.send('about') // 클라이언트에 about 문자열 전송
});
  • 이번에는 HTTP 요청 POST에 해당하는 테스트를 진행,  Postman에서 Node.js 익스프레스에 정의된 post 라우트에 요청을
    보내고 클라이언트에서 Node.js 서버로 데이터를 전송해 클라이언트에서 POST로 전송된 데이터를 사용하기 위해서는 익스프레스 
    json 미들웨어를 사용해야 한다.
app.use(express.json({
    limit: '50mb' // 최대 50메가
})); // 클라이언트 요청 body를 json으로 파싱 처리

app.post('/customer', function(req, res) {
    console.log(req.body.param)
    res.send(req.body.param); // 클라이언트로부터 요청받은 데이터를 다시 클라이언트
});
  • Collection에 HTTP 요청 메소드 POST를 위한 요청(request)을 추가

customer 라우트로 POST 요청

  • Add request 메뉴를 사용해서 'PostCustomer'추가
  • HTTP 요청 메소드 'POST' 선택
  • 요청 URL에 'http://localhost:3001/customer' 입력
  • 데이터 전송을 위해 Body 탭 선택
  • 전송할 데이터 타입 raw, JSON을 차례로 선택
  • JSON 형식의 데이터를 입력한 후 Send 버튼 클릭
{
    "param" : {
        "name" : "Jone Doe",
        "eamil" : "jone@eamil.com",
        "phone" : "010-0000-0000"
    }
}

 

* Postman을 사용하면 서버 개발자는 프런트엔드 개발자 도움 없이도 익스프레스 라우트가 정상적으로 동작하는지 바로 확인할 수 

   있기 때문에 서버 프로그램을 빠르게 개발할 수 있다.

728x90
반응형