개요

🌐 언리얼 엔진에서 Http 요청으로 통신해보자.

백엔드 서버를 구축하여 API 통신을 할 수 있는 프로젝트를 해보고 싶어졌습니다.

그래서 언리얼 엔진에서 Http 요청을 보내고 값을 받아
JSON을 처리할 수 있는 방법을 시리즈로 정리해보려고 합니다.

참고 영상

본론

이번 실습에서 사용할 테스트 URL입니다.
https://jsonplaceholder.typicode.com/posts/1

아래와 같은 형식을 가지는걸 참고해주세요.

Response {
"userId": 1,
"id": 1,
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
}

의존성 추가

Json 데이터를 사용할 의존성은 이미 HTTP와 같이 추가 했었습니다.

---

헤더 추가

Json.h 헤더를 추가해주세요.

이거만 하면 헤더 파일은 수정할게 없습니다.

#include "Json.h"

---

소스 파일 수정

우리는 응답받은 Response를 파싱해야 합니다.

그러면 OnResponseReceived 콜백 함수에서 Json을 처리해주면 되겠죠?

예외처리 부분 뒤부터 코드를 수정해봅시다.

FJsonObject 타입의 객체를 선언하겠습니다.

이는 Json 데이터를 저장하게 될 객체입니다.

// Json 데이터를 저장할 객체
TSharedPtr<FJsonObject> RefObj;
    

이제 Json으로 변환하기 위한 리더 객체를 추가하겠습니다.

이 객체는 JSON 문자열을 입력받아 읽는 작업을 처리합니다.
문자열을 FJsonObject와 같은 Unreal 엔진의 구조체로 변환할 수 있도록 도와줍니다.

// Json 데이터를 파싱하기 위한 리더 객체
TSharedRef<TJsonReader<>> Reader = TJsonReaderFactory<>::Create(Response->GetContentAsString());

Deserialize는 역직렬화를 수행하는 함수입니다.

// Reader를 사용해 문자열을 파싱하고, 이를 FJsonObject로 변환한다.
FJsonSerializer::Deserialize(Reader, RefObj);

전체 코드입니다.

void AGM_API_Test::OnResponseReceived(FHttpRequestPtr Request, FHttpResponsePtr Response, bool bWasSuccessful)
{

	// 예외처리문

	// Json 데이터를 저장할 객체
	TSharedPtr<FJsonObject> RefObj;

	// Json 데이터를 파싱하기 위한 리더 객체
	TSharedRef<TJsonReader<>> Reader = TJsonReaderFactory<>::Create(Response->GetContentAsString());

	// Reader를 사용해 문자열을 파싱하고, 이를 FJsonObject로 변환한다.
	FJsonSerializer::Deserialize(Reader, RefObj);

	// 요청이 완료되었음을 출력
	UE_LOG(LogTemp, Warning, TEXT("Response : %s"), *Response->GetContentAsString());
	UE_LOG(LogTemp, Warning, TEXT("title : %s"), *RefObj->GetStringField("title"));
	UE_LOG(LogTemp, Warning, TEXT("body : %s"), *RefObj->GetStringField("body"));

}

실행해보면 각 필드에 맞게 추출되어 값을 출력하는 모습입니다.

---

마무리

간단합니다.
지금은 임시로 각 키를 직접 입력하였습니다.

하지만 직접 API를 설계하여 원하는 데이터를 받는다고 하면 구조체를 만들어 사용하면 좀 더 깔끔하게 정리가 가능합니다.

다음 포스팅에는 서버에게 원하는 데이터를 넘겨 주는 방법을 실습해보겠습니다.