TypeScript e ChatGPT: criando um assistente de IA do zero

Por que TypeScript e ChatGPT são a dupla ideal para o desenvolvedor moderno

Imagine: você está escrevendo código em TypeScript e, de repente, precisa gerar rapidamente uma consulta SQL complexa, reescrever um JavaScript desatualizado ou até mesmo criar um chatbot completo para suporte ao usuário. Antes, isso levava horas; agora, leva minutos. Tudo graças ao fato de que TypeScript e ChatGPT se tornaram não apenas ferramentas da moda, mas uma verdadeira força de trabalho para milhares de desenvolvedores em todo o mundo.

Neste artigo, não vamos dar palestras chatas. Vamos arregaçar as mangas e fazer: escrever código que realmente funciona. Você aprenderá como integrar TypeScript com a OpenAI API, criará seu primeiro assistente de IA e entenderá como usar o ChatGPT no desenvolvimento para automatizar tarefas rotineiras. Vamos nessa!

O que você precisará para começar

Antes de mergulharmos no código, certifique-se de ter:

\n
• Node.js versão 18+ (usaremos o fetch moderno)
\n
• npm ou yarn para instalar pacotes
\n
• Chave de API da OpenAI — obtenha-a em platform.openai.com (é gratuito se você está começando)
\n
• Conhecimento básico de TypeScript: tipos, interfaces, async/await
\n

Todo o resto faremos juntos. Mesmo que você nunca tenha trabalhado com redes neurais — não se preocupe, explicarei cada passo.

Passo 1: Configurando o projeto TypeScript para trabalhar com IA

Crie uma nova pasta e inicialize o projeto:

mkdir ai-chatbot\ncd ai-chatbot\nnpm init -y\nnpm install typescript @types/node ts-node --save-dev\nnpx tsc --init

Agora, instale o cliente para OpenAI. Antes, todos usavam a biblioteca openai, mas em 2024-2025 a OpenAI recomenda seu SDK oficial:

npm install openai dotenv

Crie um arquivo .env na raiz do projeto e adicione sua chave:

OPENAI_API_KEY=sua_chave_secreta_aqui

Importante: Nunca commite o .env no repositório! Adicione-o ao .gitignore.

Passo 2: Escrevendo a primeira função TypeScript para se comunicar com o ChatGPT

Crie o arquivo chat.ts. Vamos começar com algo simples: enviar uma mensagem para a rede neural e obter uma resposta. Veja como fica:

import OpenAI from 'openai';\nimport dotenv from 'dotenv';\n\ndotenv.config();\n\nconst openai = new OpenAI({\n  apiKey: process.env.OPENAI_API_KEY,\n});\n\ninterface ChatResponse {\n  content: string | null;\n  error?: string;\n}\n\nasync function askChatGPT(prompt: string): Promise<ChatResponse> {\n  try {\n    const response = await openai.chat.completions.create({\n      model: 'gpt-4o-mini', // modelo rápido e barato\n      messages: [\n        {\n          role: 'system',\n          content: 'Você é um assistente útil para desenvolvedores TypeScript. Responda de forma concisa e com exemplos de código.',\n        },\n        {\n          role: 'user',\n          content: prompt,\n        },\n      ],\n      max_tokens: 500,\n      temperature: 0.7,\n    });\n\n    return {\n      content: response.choices[0]?.message?.content || null,\n    };\n  } catch (error) {\n    console.error('Erro ao solicitar à OpenAI:', error);\n    return {\n      content: null,\n      error: 'Não foi possível obter resposta da rede neural',\n    };\n  }\n}\n\n// Exemplo de uso\nasync function main() {\n  const result = await askChatGPT('Escreva uma função em TypeScript que verifica se uma string é um palíndromo');\n  \n  if (result.content) {\n    console.log('Resposta do ChatGPT:');\n    console.log(result.content);\n  } else {\n    console.error('Erro:', result.error);\n  }\n}\n\nmain();

Execute o script com o comando npx ts-node chat.ts. Se tudo estiver configurado corretamente, você verá no console a resposta da rede neural com código e explicações. A integração do ChatGP