---
layout: default
---

# API Key en el Constructor

<div class="text-sm mt-6">

<v-click>

## 🔧 Pasar la key directamente

```typescript
import { ChatOpenAI } from "@langchain/openai";

const model = new ChatOpenAI({
  apiKey: "sk-proj-xxxxxxxxxxxxx",  // Directamente aquí
  model: "gpt-4.1-mini"
});
```

</v-click>

<v-click>

## ⚠️ Cuándo usarlo

<div class="grid grid-cols-2 gap-8 mt-4 text-xs">

<div>
  <p class="font-bold mb-2 text-sm">✅ Variables de entorno</p>
  <p>Para producción, CI/CD y equipos</p>
</div>

<div>
  <p class="font-bold mb-2 text-sm">⚡ Constructor</p>
  <p>Solo testing rápido y prototipos</p>
</div>

</div>

</v-click>

<v-click>

<div class="mt-6 text-center text-sm opacity-80">
🔒 Recuerda: Añade <code>.env</code> a <code>.gitignore</code>
</div>

</v-click>

</div>
