SDK d'Agents Cloudflare

Votre connaissance du SDK d'Agents peut être obsolète. Préférez la récupération à la pré-formation pour toute tâche du SDK d'Agents.

Sources de récupération

Documentation Cloudflare : https://developers.cloudflare.com/agents/

Capacités

Le SDK d'Agents fournit :

• État persistant — Sauvegardé par SQLite, auto-synchronisé aux clients via setState
• RPC appelable — Méthodes @callable() invoquées sur WebSocket
• Planification — Tâches uniques, récurrentes (scheduleEvery) et cron
• Workflows — Traitement de fond multi-étapes durable via AgentWorkflow
• Exécution durable — runFiber() / stash() pour les travaux qui survivent à l'éviction DO
• File d'attente — File d'attente FIFO intégrée avec tentatives via queue()
• Tentatives — this.retry() avec backoff exponentiel et jitter
• Intégration MCP — Connexion à des serveurs MCP ou construction des vôtres avec McpAgent
• Gestion d'email — Réception et réponse aux emails avec routage sécurisé
• Chat streaming — AIChatAgent avec flux reprises, persistance de messages, outils
• Messages pilotés par le serveur — saveMessages, waitUntilStable pour les tours d'agent proactifs
• Hooks React — useAgent, useAgentChat pour les applications clientes
• Observabilité — Événements diagnostics_channel pour l'état, RPC, planification, cycle de vie
• Notifications push — Livraison Web Push + VAPID depuis les agents
• Webhooks — Réception et vérification de webhooks externes
• Voix (expérimental) — STT/TTS via @cloudflare/voice
• Outils de navigation (expérimental) — Navigation alimentée par CDP via agents/browser
• Think (expérimental) — Agent de chat de niveau supérieur via @cloudflare/think

PREMIÈRE ÉTAPE : Vérifier l'installation

npm ls agents  # Should show agents package

Si pas installé :

npm install agents

Pour les agents de chat :

npm install agents @cloudflare/ai-chat ai @ai-sdk/react

Configuration Wrangler

{
  "compatibility_flags": ["nodejs_compat"],
  "durable_objects": {
    "bindings": [{ "name": "MyAgent", "class_name": "MyAgent" }]
  },
  "migrations": [{ "tag": "v1", "new_sqlite_classes": ["MyAgent"] }]
}

Pièges :

• Ne PAS activer experimentalDecorators dans tsconfig (casse @callable)
• Ne jamais modifier les anciennes migrations — toujours ajouter de nouvelles balises
• Chaque classe d'agent a besoin de sa propre liaison DO + entrée de migration
• Ajouter "ai": { "binding": "AI" } pour Workers AI

Classe Agent

import { Agent, routeAgentRequest, callable } from "agents";

type State = { count: number };

export class Counter extends Agent<Env, State> {
  initialState = { count: 0 };

  validateStateChange(nextState: State, source: Connection | "server") {
    if (nextState.count < 0) throw new Error("Count cannot be negative");
  }

  onStateUpdate(state: State, source: Connection | "server") {
    console.log("State updated:", state);
  }

  @callable()
  increment() {
    this.setState({ count: this.state.count + 1 });
    return this.state.count;
  }
}

export default {
  fetch: (req, env) => routeAgentRequest(req, env) ?? new Response("Not found", { status: 404 })
};

Routage

Les requêtes sont routées vers /agents/{agent-name}/{instance-name} :

Client : useAgent({ agent: "Counter", name: "user-123" })

Routage personnalisé : utilisez getAgentByName(env.MyAgent, "instance-id") puis agent.fetch(request).

APIs essentielles

Client React

import { useAgent } from "agents/react";

function App() {
  const [state, setLocalState] = useState({ count: 0 });

  const agent = useAgent({
    agent: "Counter",
    name: "my-instance",
    onStateUpdate: (newState) => setLocalState(newState),
    onIdentity: (name, agentType) => console.log(`Connected to ${name}`)
  });

  return (
    <button onClick={() => agent.setState({ count: state.count + 1 })}>
      Count: {state.count}
    </button>
  );
}

Références

Essentielles

• references/state-scheduling.md — Persistance d'état, planification, SQL
• references/callable.md — Méthodes RPC, streaming, timeouts
• references/routing.md — Modèles d'URL, routage personnalisé, getAgentByName
• references/configuration.md — Configuration Wrangler, bindings, configuration Vite

Chat et Streaming

• references/streaming-chat.md — AIChatAgent, flux reprises, outils
• references/client-sdk.md — useAgent, useAgentChat, AgentClient
• references/server-driven-messages.md — Modèles de déclenchement, saveMessages
• references/human-in-the-loop.md — Flux d'approbation, needsApproval

Traitement en arrière-plan

• references/workflows.md — Intégration Durable Workflows
• references/durable-execution.md — runFiber, stash, survie à l'éviction
• references/queue-retries.md — File d'attente intégrée, nouvelle tentative avec backoff

Intégrations

• references/mcp.md — Client et serveur MCP, transports, sécurisation
• references/email.md — Routage et gestion d'email
• references/webhooks-push.md — Webhooks, notifications push
• references/observability.md — Événements diagnostics-channel

Expérimental

• references/think.md — Agent de chat de niveau supérieur @cloudflare/think
• references/voice.md — STT/TTS @cloudflare/voice
• references/codemode.md — Code Mode pour l'orchestration d'outils
• references/browse-the-web.md — Outils de navigation CDP