Criando um chat inteligente com React, .NET e Microsoft Foundry
Quase toda conversa sobre IA com cliente chega no mesmo pedido: "quero um ChatGPT da empresa" . Um chat com a cara da marca, que responde do jeito certo e que não manda dado sensível para qualquer lugar. E quase toda primeira tentativa que eu vejo comete o mesmo erro: o front chama o modelo direto, com a chave de API dentro do JavaScript. Funciona na demo. Em produção, é chave vazada, prompt de…
Criando um chat inteligente com React, .NET e Microsoft Foundry
Neste artigo, o autor demonstra como montar um chat inteligente de forma segura e eficiente usando React no front-end, uma API .NET 10 no meio e o Microsoft Foundry com o modelo gpt-5.4-mini. O foco é evitar vazamento de chaves de API, controle indevido do prompt de sistema e proteger a qualidade do chat ao mesmo tempo que otimiza o custo.
O código completo está disponível no GitHub: hgmauri/sample-chat-react-foundry. As três peças do projeto são chat-web (React com TypeScript), Chat.Api (Minimal API em .NET 10) e o Microsoft Foundry hospedando o modelo gpt-5.4-mini.
A arquitetura chama atenção por vários aspectos importantes. Primeiro, a API cuida do prompt de sistema, valida a entrada, controla custos e realiza o streaming da resposta. Em segundo lugar, o modelo mini é escolhido com base no requisito do chat de atendimento, assistente técnico e FAQ, oferecendo qualidade suficiente com latência e custo bem menores que os modelos maiores. Por fim, o processo de autenticação é feito via Entra ID, sem necessidade de chave na API.
No Microsoft Foundry, o usuário cria um projeto e deploy do modelo gpt-5.4-mini. O usuário recebe a role Cognitive Services OpenAI User, que permite chamar o modelo usando o login sem necessidade de chave. Todas as configurações são armazenadas no arquivo appsettings.json, evitando que qualquer pessoa possa acessar as informações sensíveis.
A API é configurada para registrar o IChatClient, utilizando o SDK oficial da OpenAI e autenticação via BearerTokenPolicy. Isso permite converter o cliente da OpenAI para o IChatClient do Microsoft.Extensions.AI, mantendo a flexibilidade para trocar de modelo e provedor com facilidade.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
