Quick Start

작은 WebFlux endpoint를 만들고, 생성된 TypeScript 함수로 실제 요청을 보내봅니다.

1. 백엔드에 REST endpoint 작성

백엔드 코드는 평소처럼 작성합니다. 이 예제에서는 path variable로 이름을, query parameter로 메시지를 받아 Mono로 응답합니다.

TypedRxHttpExampleRouter.java

java

2. Swagger에서 프론트 서비스 생성

백엔드의 swagger.json을 받아 타입과 service 파일을 생성합니다. 이 작업은 개발 서버를 실행할 때 한 번 호출하거나 watch script로 연결할 수 있습니다.

generateSwagger.cjs

3. 생성된 함수로 요청 보내기

아래에서 Front code와 Backend code를 바꿔 볼 수 있습니다. Result를 누르면 오른쪽에 실행 화면이 열립니다. 값을 바꾼 뒤 요청 버튼을 눌러보세요.

TypedRxHttpRequestExample.tsx

tsx

실제 프로젝트에서 보이는 부분

화면 코드에는 URL 문자열이나 response interface가 없습니다. 둘 다 Swagger에서 생성된 byName() 안에 들어 있습니다. 한 번의 응답이 필요해 firstValueFrom을 사용했지만, 반환값 자체는 RxJS Observable입니다.