Spring AI 연결

이번에는 Spring Boot에서 Spring AI를 연결해서, 화면 입력값을 AI에게 보내고 응답을 받는 흐름을 구현해봤다.

전체 흐름

1.사용자가 HTML 화면에서 질문을 입력한다.

2.JavaScript가 입력값을 서버로 보낸다.

fetch/chat?message=${message})

3.Spring Boot의 Controller가 /chat 요청을 받는다.

@GetMapping("/chat")

public String chat(@RequestParam String message) {

return chatClient.prompt()

.user(message)

.call()

.content();

}

4.Controller 안에서 Spring AI의 ChatClient가 OpenAI API로 요청을 보낸다.

5.OpenAI가 응답을 만들고 Spring Boot 서버로 돌려준다.

6.서버는 그 응답을 다시 HTML 화면으로 보내준다.

7.화면의 <pre> 영역에 AI 응답이 출력된다.

결론

흐름을 간단히 요약하자면

사용자 입력

→ HTML / JavaScript

→ Spring Controller

→ Spring AI ChatClient

→ OpenAI API

→ Spring Boot 응답

→ 화면 출력