← Sandbox SDK / sandbox / tutorials
Analyzujte data pomocí AI
Vytvořte systém pro analýzu dat poháněný AI, který přijímá nahrané soubory CSV, pomocí Claude generuje analytický kód v Pythonu, spouští ho v sandboxech a vrací vizualizace.
Doba dokončení: 25 minut
Předpoklady
- Zaregistrujte si účet Cloudflare ↗.
- Nainstalujte
Node.js↗.
Správce verzí Node.js
Použijte správce verzí Node, jako je Volta ↗ nebo nvm ↗ abyste se vyhnuli problémům s oprávněními a mohli měnit verze Node.js. Wrangler, o kterém se dozvíte dále v této příručce, vyžaduje verzi Node 16.17.0 nebo novější.
Budete také potřebovat:
- API klíč Anthropic ↗ pro Claude
- Docker ↗ při lokálním spuštění
1. Vytvořte projekt
Vytvořte nový projekt Sandbox SDK:
npm create cloudflare@latest -- analyze-data --template=cloudflare/sandbox-sdk/examples/minimalcd analyze-data2. Nainstalujte závislosti
npm i @anthropic-ai/sdk3. Sestavte handler pro analýzu
Nahraďte src/index.ts:
import { getSandbox, proxyToSandbox, type Sandbox } from "@cloudflare/sandbox";
import Anthropic from "@anthropic-ai/sdk";
export { Sandbox } from "@cloudflare/sandbox";
interface Env {
Sandbox: DurableObjectNamespace<Sandbox>;
ANTHROPIC_API_KEY: string;
}
export default {
async fetch(request: Request, env: Env): Promise<Response> {
const proxyResponse = await proxyToSandbox(request, env);
if (proxyResponse) return proxyResponse;
if (request.method !== "POST") {
return Response.json(
{ error: "POST CSV file and question" },
{ status: 405 },
);
}
try {
const formData = await request.formData();
const csvFile = formData.get("file") as File;
const question = formData.get("question") as string;
if (!csvFile || !question) {
return Response.json(
{ error: "Missing file or question" },
{ status: 400 },
);
}
// Upload CSV to sandbox
const sandbox = getSandbox(env.Sandbox, `analysis-${Date.now()}`);
const csvPath = "/workspace/data.csv";
await sandbox.writeFile(csvPath, await csvFile.text());
// Analyze CSV structure
const structure = await sandbox.exec(
`python3 -c "import pandas as pd; df = pd.read_csv('${csvPath}'); print(f'Rows: {len(df)}'); print(f'Columns: {list(df.columns)[:5]}')"`,
);
if (!structure.success) {
return Response.json(
{ error: "Failed to read CSV", details: structure.stderr },
{ status: 400 },
);
}
// Generate analysis code with Claude
const code = await generateAnalysisCode(
env.ANTHROPIC_API_KEY,
csvPath,
question,
structure.stdout,
);
// Write and execute the analysis code
await sandbox.writeFile("/workspace/analyze.py", code);
const result = await sandbox.exec("python /workspace/analyze.py");
if (!result.success) {
return Response.json(
{ error: "Analysis failed", details: result.stderr },
{ status: 500 },
);
}
async function streamToBase64(stream) {
const blob = await new Response(stream).blob();
const buffer = await blob.arrayBuffer();
const bytes = new Uint8Array(buffer);
// Convert to base64
let binary = '';
for (let i = 0; i < bytes.length; i++) {
binary += String.fromCharCode(bytes[i]);
}
return btoa(binary);
}
// Check for generated chart
let chart = null;
try {
const { content, mimeType } = await sandbox.readFile("/workspace/chart.png", {
encoding: "none"
});
chart = `data:${mimeType};base64,${await streamToBase64(content)}`;
} catch {
// No chart generated
}
await sandbox.destroy();
return Response.json({
success: true,
output: result.stdout,
chart,
code,
});
} catch (error: any) {
return Response.json({ error: error.message }, { status: 500 });
}
},
};
async function generateAnalysisCode(
apiKey: string,
csvPath: string,
question: string,
csvStructure: string,
): Promise<string> {
const anthropic = new Anthropic({ apiKey });
const response = await anthropic.messages.create({
model: "claude-sonnet-4-5",
max_tokens: 2048,
messages: [
{
role: "user",
content: `CSV at ${csvPath}:
${csvStructure}
Question: "${question}"
Generate Python code that:
- Reads CSV with pandas
- Answers the question
- Saves charts to /workspace/chart.png if helpful
- Prints findings to stdout
Use pandas, numpy, matplotlib.`,
},
],
tools: [
{
name: "generate_python_code",
description: "Generate Python code for data analysis",
input_schema: {
type: "object",
properties: {
code: { type: "string", description: "Complete Python code" },
},
required: ["code"],
},
},
],
});
for (const block of response.content) {
if (block.type === "tool_use" && block.name === "generate_python_code") {
return (block.input as { code: string }).code;
}
}
throw new Error("Failed to generate code");
}4. Nastavte lokální proměnné prostředí
Vytvořte .dev.vars soubor v kořenovém adresáři projektu pro lokální vývoj:
echo "ANTHROPIC_API_KEY=your_api_key_here\nSANDBOX_TRANSPORT=rpc" > .dev.varsNahraďte your_api_key_here svým skutečným API klíčem z Anthropic Console ↗.
SANDBOX_TRANSPORT je vyžadován pro použití nových API pro streamování souborů.
5. Otestujte lokálně
Stáhněte ukázkový soubor CSV:
# Create a test CSV
echo "year,rating,title
2020,8.5,Movie A
2021,7.2,Movie B
2022,9.1,Movie C" > test.csvSpusťte vývojový server:
npm run devOtestujte pomocí curl:
curl -X POST http://localhost:8787 \
-F "[email protected]" \
-F "question=What is the average rating by year?"Odpověď:
{
"success": true,
"output": "Average ratings by year:\n2020: 8.5\n2021: 7.2\n2022: 9.1",
"chart": "data:image/png;base64,...",
"code": "import pandas as pd\nimport matplotlib.pyplot as plt\n..."
}6. Nasaďte
Nasaďte svůj Worker:
npx wrangler deployPoté nastavte svůj API klíč Anthropic jako produkční secret:
npx wrangler secret put ANTHROPIC_API_KEYVložte svůj API klíč z Anthropic Console ↗ po zobrazení výzvy.
Co jste vytvořili
Systém AI pro analýzu dat, který:
- Nahrává soubory CSV do sandboxů
- Využívá tool calling v Claude ke generování analytického kódu
- Spouští Python s pandas a matplotlib
- Vrátí textový výstup a vizualizace
Další kroky
- Code Interpreter API - Použijte vestavěný interpret kódu
- Operace se soubory - Pokročilá práce se soubory
- Streamování výstupu - Aktualizace průběhu v reálném čase