장고 프론트엔드와 통신 방법: HTTP POST, GET request 처리하기

장고 모델(model) 작업과 url, 뷰(view) 작업을 마쳤다면 HTTP 요청(request)을 통해 프론트엔드와 통신을 테스트할 수 있습니다.

통신의 흐름

장고에서 백엔드와 프론트엔드의 기본적인 통신 흐름은 다음과 같습니다.

• 백엔드는 장고 서버를 실행하고 프론트엔드에게 엔드포인트와 서버의 ip 주소를 전달합니다.
• 프론트엔드는 해당 엔드포인트로 원하는 값을 body에 담아 POST 요청을 전달합니다(보통 생성 및 업데이트).
• GET방식으로도 요청을 진행할 수 있습니다. 이 때는 body가 따로 필요하지 않습니다(보통 데이터를 받아오는 경우).
• request 형식이 올바르다면 이에 해당하는 response가 상태 코드와 함께 반환됩니다.

통신 설정 방법

• 외부 서버를 통한 통신이 아니기 때문에 동일한 와이파이 환경에서 테스트를 진행해야 합니다.
• settings.py 의 allowed_host=['*']를 변경하여 모든 호스트의 접근을 허용하고, corseheaders를 주석 처리해줍니다.
• 맥의 경우 터미널에서 ipconfig getifaddr en0, 리눅스의 경우 hostname -I 를 통해 서버 실행에 사용되는 자신의 ip 주소를 확인합니다.
• 장고를 로컬 환경에서 테스트할 때는 127.0.0.1:8000과 같은 주소를 사용했지만 이제 이 부분을 10.58.1.255와 같이 위에서 확인한 ip 주소로 변경해줘야 합니다.
• python mange.py runserver 0:8000을 통해 서버를 실행합니다.
• 엔드포인트 request 주소는 10.58.1.255:8000/users/signup과 같이 ip 주소, 포트, url을 결합하여 구성됩니다.

http request 진행 방법

POST 요청의 경우에는 다음과 같이 body에 내용을 담아 요청을 전송할 수 있습니다. 다음은 터미널에서 httipie를 통해 두 가지 요청을 전송하는 방법입니다. (터미널을 통한 통신 이외에도 포스트맨 등 HTTP 요청을 위한 애플리케이션을 사용할 수 있습니다. )

http -v POST 10.58.1.255:8000/users/signup email="user1@gmail.com" password="1234asdF@" note=""

GET 요청은 다음과 같이 요청을 전송할 수 있습니다. 요청 필터링이 필요한 경우, 해당 URL 라인에서 쿼리 파라미터를 전송할 수 있습니다.

http -v GET 10.58.1.255:8000/products?id=1