Integration mit der ChatGPT API in TypeScript: Schritt-für-Schritt-Anleitung

Wie ChatGPT und TypeScript beste Freunde werden

Stellen Sie sich vor: Sie schreiben Code in TypeScript, und plötzlich erhält Ihr Dienst eine Superkraft – die Fähigkeit, menschlichen Text zu verstehen und zu generieren. Die ChatGPT API macht dies zur Realität. In diesem Artikel schließen wir nicht nur die API an – wir bauen ein vollwertiges Modul für die Kommunikation mit dem neuronalen Netz, das robust, typisiert und produktionsbereit ist.

Wenn Sie denken, dass die Integration von KI etwas aus dem Bereich der Fantasie oder nur etwas für Giganten wie Google ist, freue ich mich, Sie zu beruhigen: OpenAI bietet eine einfache REST API, und TypeScript mit seiner strengen Typisierung macht die Arbeit damit sicher und vorhersagbar. Lassen Sie uns praktisch loslegen.

Umgebungsvorbereitung: Was installiert werden muss

Bevor wir Code schreiben, stellen wir sicher, dass Sie alles Notwendige haben. Für die Arbeit mit der ChatGPT API in TypeScript benötigen Sie:

• Node.js Version 18 oder höher (ich empfehle 20 LTS)
• npm oder yarn zur Paketverwaltung
• OpenAI-API-Schlüssel – holen Sie ihn sich auf platform.openai.com
• Code-Editor (VS Code, WebStorm – jeder beliebige)

Erstellen wir ein neues Projekt und installieren die Abhängigkeiten:

mkdir chatgpt-typescriptcd chatgpt-typescriptnpm init -ynpm install openai dotenvnpm install -D typescript @types/node ts-node

Beachten Sie: Wir verwenden das offizielle SDK von OpenAI, das hervorragend mit TypeScript harmoniert. Das Paket dotenv wird für die sichere Speicherung des API-Schlüssels benötigt.

Einrichtung von TypeScript und Umgebungsvariablen

Erstellen wir eine Datei tsconfig.json mit den Basiseinstellungen:

{  "compilerOptions": {    "target": "ES2020",    "module": "commonjs",    "lib": ["ES2020"],    "outDir": "./dist",    "rootDir": "./src",    "strict": true,    "esModuleInterop": true,    "skipLibCheck": true,    "forceConsistentCasingInFileNames": true  },  "include": ["src/**/*"]}

Erstellen wir nun eine Datei .env im Projektstammverzeichnis:

OPENAI_API_KEY=Ihr_super_geheimer_Schlüssel

Wichtig: Fügen Sie .env zur .gitignore hinzu, um nicht versehentlich den Schlüssel in das Repository zu committen!

Erste Anfrage an ChatGPT in TypeScript schreiben

Erstellen wir einen Ordner src und eine Datei index.ts. Beginnen wir einfach: Senden wir eine Nachricht und erhalten eine Antwort.

import OpenAI from 'openai';import dotenv from 'dotenv';

dotenv.config();

const openai = new OpenAI({  apiKey: process.env.OPENAI_API_KEY,});

async function chatWithGPT(prompt: string): Promise<string> {  try {    const response = await openai.chat.completions.create({      model: 'gpt-4',      messages: [        { role: 'system', content: 'Du bist ein hilfreicher Assistent.' },        { role: 'user', content: prompt },      ],      temperature: 0.7,      max_tokens: 500,    });

    return response.choices[0]?.message?.content || 'Keine Antwort';  } catch (error) {    console.error('Fehler bei der Anfrage an ChatGPT:', error);    throw error;  }}

// Verwendung(async () => {  const answer = await chatWithGPT('Erzähle einen kurzen Witz über Programmierer');  console.log('ChatGPT sagt:', answer);})();

Starten Sie den Code mit dem Befehl npx ts-node src/index.ts. Wenn alles richtig eingerichtet ist, sehen Sie eine Antwort des neuronalen Netzes. Beachten Sie die Typisierung: TypeScript schlägt automatisch die Struktur des response-Objekts vor, was die Entwicklung komfortabel macht.

Analyse der wichtigsten Parameter

• model: gpt-4 – das derzeit intelligenteste Modell. Zum Sparen kann gpt-3.5-turbo verwendet werden.
• messages