Spring AI + Angular: aplicações de chat com IA generativa

Spring AI + Angular: aplicações de chat com IA generativa

Publicado em 23/10/2026 4 visualizações

Ainda sem avaliações

1 de 11

Spring AI + Angular: Introdução

Anúncio

Modalidade
Remoto
Tipo
YouTube
Certificado
Não informado
Duração
Curso perpétuo / sem expiração

Construa aplicações de chat com Spring AI e Angular, conectando diferentes modelos e adicionando memória, persistência e uma API REST.

Do primeiro ChatClient aos conceitos de IA

A trilha começa pelos fundamentos necessários para integrar modelos generativos a uma aplicação Java: modelos de IA, prompts, tokens e RAG. Em seguida, o primeiro projeto usa o Spring AI para criar um “Hello, World!” com um cliente de chat. A configuração de uma chave de API e os cuidados para gerenciar segredos no projeto também fazem parte dessa etapa. Java, Maven, IntelliJ e Spring Initializr aparecem no fluxo de preparação do ambiente.

Provedores de modelos e interface Angular

Com o ChatClient funcionando, as aulas adaptam a integração para o Google Gemini e o Azure OpenAI. No caso do Azure, o exemplo inclui a criação do serviço e o deploy de um modelo. Depois, a trilha monta um projeto Angular para servir de front-end à aplicação Spring AI.

A interface começa como um clone de chat: Angular Signals para guardar e ler valores no template, um formulário com envio pelo botão ou pela tecla Enter e uma resposta simulada em JavaScript. Na continuação, o front-end conversa com a API. O exemplo adiciona rolagem automática das mensagens, um service Angular com `inject()`, um proxy para comunicação com o back-end e Records como DTOs no Spring.

Memória e persistência das conversas

O segundo exemplo amplia o chat para manter contexto entre mensagens. A ChatMemory API trabalha com advisors, componentes que interceptam e enriquecem a interação com o modelo. A implementação em memória usa `InMemoryChatMemoryRepository` e um `HashMap` para guardar o histórico durante a execução.

A trilha avança então para persistência em banco relacional com MySQL e `JdbcChatMemoryRepository`. O trabalho inclui iniciar o banco com Docker Compose, integrar essa configuração ao Spring Boot, conectar um DataSource pelo IntelliJ e criar a tabela usada pelo ChatClient. Assim, o histórico deixa de depender apenas da memória em tempo de execução.

Logs, tokens e API REST

Os advisors também entram na observabilidade do chat: uma aula mostra como registrar mensagens e acompanhar o uso de tokens em tempo real. A personalização de `conversation_id` permite controlar e agrupar o histórico das interações.

No encerramento, o exemplo transforma o chat com memória em uma API REST para iniciar conversas, enviar mensagens a um chat existente, consultar seu histórico e listar os chats criados. A playlist reúne 11 vídeos, com duração total de 4 horas, 25 minutos e 41 segundos. O código-fonte dos exemplos está disponível no [repositório spring-ai-angular](https://github.com/loiane/spring-ai-angular).

Canal do YouTube

Loiane GronerCanal

Tutoriais práticos sobre Angular, Java, Spring, IA generativa e desenvolvimento de software.

YouTube
Abrir canal

Autor

Jaime LinharesEmpresa

CEO do Guia de TI

Comentários

0

Comece a conversa.
Seja a primeira pessoa a comentar este conteúdo.

Deixe um comentário