S2) Unit 8. [HTTP/네트워크] Postman

📣  Postman

✔️ 매번 코드를 작성하는 것 대신에, HTTP 요청을 테스트할 수 있는 HTTP API 테스트 도구(GUI)

 

📣  Postman 으로 GET 요청하기

1. 새로운 탭 오픈

➰ 요청/응답을 여러 개 확인할 수 있다.

 

2. HTTP 메서드 선택

➰ GET, POST, DELETE 등의 메서드 중 하나를 선택한다.

 

3. URL 입력 창

➰ URL과 Endpoint를 입력한다.

 

4. HTTP 요청 버튼

➰ 요청을 보낸다.

 

5. HTTP 요청 시 설정할 수 있는 각종 옵션

➰ 추가적인 파라미터나, 요청 본문(body)를 추가할 수 있다.

 

6. HTTP 응답 화면

 

📣  Postman 으로 POST 요청하기

✔️ GET 요청과 다르게 본문(body)를 요청하는 경우가 많다. (5번에 Body 탭 클릭해서 입력한다)

➰ 본문의 형식 : JSON 형식으로 보낼 때는 raw -> JSON을 선택한다.

➰ 이 과정은 HTTP 요청 헤더에 밑의 코드처럼 입력하는 것과 동일

Content-Type: application/json

➰ 본문 내용 : 유효한 JSON(username, text, roomname)을 형식에 맞게 적어줘야 한다.

 

📣  응답 살펴보기

✔️ 요청이 끝나지 않아요!
➰ 서버가 요청에 대한 응답을 하지 않는 경우, 요청이 끝나지 않는다.

➰ 이 경우 서버의 문제

 

✔️ 기대했던 응답이 오지 않아요!

➰ 결과에 아무것도 나오지 않거나, 기대했던 값이 나오지 않은 경우

➰ HTTP 응답 코드를 확인한다 -> 400 Bad Request 인 경우 잘못된 요청을 한 것

 

📣  Postman 으로 날씨 받아오기

🚨 Open Weather 에 처음으로 가입하면 API Key 발급 받고 어느 정도의 시간이 있어야 사용 가능하다.

     밑의 코드에 내 API Key 그대로 썼는데 계속 에러나서  많이 헤맸는데 구글링 해보니까 그렇다더라..

api.openweathermap.org/data/2.5/weather?id=1835848&appid={your api key}

 

➰ 크롬 확장 프로그램 JSON Viewer 쓰면 데이터를 구조적으로 확인할 수 있다.

🚨 postman url에 밑의 코드 적었는데 자꾸

' Mixed Content Error: The request has been blocked because it requested an insecure HTTP resource '

이런 에러가 떠서 구글링 해봤는데 insecure HTTP 요청이라고 해서 Postman에서 해당 request 자체를 하지 않는다고 한다.

api.openweathermap.org/data/2.5/weather?q=Seoul&appid={내 API KEY}

➰ URL에 https://cors-anywhere.herokuapp.com/를 추가하면 보안 처리가 된 걸로 인식한다고 해서

https://cors-anywhere.herokuapp.com/api.openweathermap.org/data/2.5/weather?q=Seoul&appid={내 API Key}

이렇게 했더니 잘 되더라!!!