Kijan pou m itilize yon API modèl AI (tankou Claude) nan app mwen san m pa ekspoze kle a?

Question

Mwen vle ajoute yon asistan AI nan app React mwen an. Si m mete kle API a nan kòd frontend la, èske se yon pwoblèm?

Accepted Answer

Wi, se yon **gwo pwoblèm**. Tout sa ki nan kòd frontend la, nenpòt moun ka wè l nan navigatè a (DevTools → Network oswa Sources). Yon moun ka pran kle w la e fè w peye bòdwo li.

**Bon achitekti a:**

```
Navigatè  →  API pa w (backend)  →  API modèl AI a
             (kle a rete isit la)
```

```js
// backend: route Next.js oswa Express
export async function POST(req) {
  const user = await requireUser(req);          // 1. verifye itilizatè a
  await rateLimit(`ai:${user.id}`, 20, 3600);   // 2. limite kantite rekèt
  const { question } = await req.json();
  if (question.length > 4000) return new Response('Twò long', { status: 400 });
  const res = await client.messages.create({
    model: 'claude-sonnet-5',
    max_tokens: 1024,                           // 3. limite pri chak rekèt
    messages: [{ role: 'user', content: question }],
  });
  return Response.json({ repons: res.content });
}
```

Kle a rete nan varyab anviwònman sou sèvè a (`.env`), jamè nan `NEXT_PUBLIC_*` oswa `VITE_*`. Mete tou yon **limit depans** nan konsòl founisè a.

1 Repons