← Sandbox SDK / sandbox / guides
Streamování výstupu
Tato příručka ukazuje, jak v reálném čase zpracovávat výstup z příkazů, procesů a spouštění kódu.
Kdy použít streamování
Streamování používejte, když potřebujete:
- Zpětná vazba v reálném čase - Zobrazení průběhu za běhu
- Dlouhotrvající operace - Sestavení, testy, instalace, které trvají déle
- Interaktivní aplikace - Chatboti, spouštění kódu, živé ukázky
- Velký výstup - Postupné zpracování výstupu místo najednou
- Uživatelská zkušenost - Zabrání tomu, aby uživatelé čekali bez zpětné vazby
Použijte neproudové zpracování (exec()) pro:
- Rychlé operace - Příkazy, které se dokončí během sekund
- Malý výstup - Pokud se výstup snadno vejde do paměti
- Následné zpracování - Pokud potřebujete kompletní výstup ještě před zpracováním
Streamování provádění příkazu
Použijte execStream() pro získání výstupu v reálném čase:
import { getSandbox, parseSSEStream } from "@cloudflare/sandbox";
const sandbox = getSandbox(env.Sandbox, "my-sandbox");
const stream = await sandbox.execStream("npm run build");
for await (const event of parseSSEStream(stream)) {
switch (event.type) {
case "stdout":
console.log(event.data);
break;
case "stderr":
console.error(event.data);
break;
case "complete":
console.log("Exit code:", event.exitCode);
break;
case "error":
console.error("Failed:", event.error);
break;
}
}import { getSandbox, parseSSEStream, type ExecEvent } from '@cloudflare/sandbox';
const sandbox = getSandbox(env.Sandbox, 'my-sandbox');
const stream = await sandbox.execStream('npm run build');
for await (const event of parseSSEStream<ExecEvent>(stream)) {
switch (event.type) {
case 'stdout':
console.log(event.data);
break;
case 'stderr':
console.error(event.data);
break;
case 'complete':
console.log('Exit code:', event.exitCode);
break;
case 'error':
console.error('Failed:', event.error);
break;
}
}Streamování klientovi
Vracejte uživatelům výstup streamovaně přes Server-Sent Events:
import { getSandbox } from "@cloudflare/sandbox";
export { Sandbox } from "@cloudflare/sandbox";
export default {
async fetch(request, env) {
const sandbox = getSandbox(env.Sandbox, "builder");
const stream = await sandbox.execStream("npm run build");
return new Response(stream, {
headers: {
"Content-Type": "text/event-stream",
"Cache-Control": "no-cache",
},
});
},
};import { getSandbox } from '@cloudflare/sandbox';
export { Sandbox } from '@cloudflare/sandbox';
export default {
async fetch(request: Request, env: Env): Promise<Response> {
const sandbox = getSandbox(env.Sandbox, 'builder');
const stream = await sandbox.execStream('npm run build');
return new Response(stream, {
headers: {
'Content-Type': 'text/event-stream',
'Cache-Control': 'no-cache'
}
});
}
};Zpracování na straně klienta:
// Browser JavaScript
const eventSource = new EventSource("/build");
eventSource.addEventListener("stdout", (event) => {
const data = JSON.parse(event.data);
console.log(data.data);
});
eventSource.addEventListener("complete", (event) => {
const data = JSON.parse(event.data);
console.log("Exit code:", data.exitCode);
eventSource.close();
});// Browser JavaScript
const eventSource = new EventSource('/build');
eventSource.addEventListener('stdout', (event) => {
const data = JSON.parse(event.data);
console.log(data.data);
});
eventSource.addEventListener('complete', (event) => {
const data = JSON.parse(event.data);
console.log('Exit code:', data.exitCode);
eventSource.close();
});Streamování protokolů procesu
Sledování výstupu procesu na pozadí:
import { parseSSEStream } from "@cloudflare/sandbox";
const process = await sandbox.startProcess("node server.js");
const logStream = await sandbox.streamProcessLogs(process.id);
for await (const log of parseSSEStream(logStream)) {
console.log(log.data);
if (log.data.includes("Server listening")) {
console.log("Server is ready");
break;
}
}import { parseSSEStream, type LogEvent } from '@cloudflare/sandbox';
const process = await sandbox.startProcess('node server.js');
const logStream = await sandbox.streamProcessLogs(process.id);
for await (const log of parseSSEStream<LogEvent>(logStream)) {
console.log(log.data);
if (log.data.includes('Server listening')) {
console.log('Server is ready');
break;
}
}Zpracování chyb
Zkontrolujte návratové kódy a ošetřete chyby streamu:
const stream = await sandbox.execStream("npm run build");
for await (const event of parseSSEStream(stream)) {
switch (event.type) {
case "stdout":
console.log(event.data);
break;
case "error":
throw new Error(`Build failed: ${event.error}`);
case "complete":
if (event.exitCode !== 0) {
throw new Error(`Build failed with exit code ${event.exitCode}`);
}
break;
}
}const stream = await sandbox.execStream('npm run build');
for await (const event of parseSSEStream<ExecEvent>(stream)) {
switch (event.type) {
case 'stdout':
console.log(event.data);
break;
case 'error':
throw new Error(`Build failed: ${event.error}`);
case 'complete':
if (event.exitCode !== 0) {
throw new Error(`Build failed with exit code ${event.exitCode}`);
}
break;
}
}Osvědčené postupy
- Streamy vždy spotřebujte - Nenechávejte streamy nepřečtené, jinak se zaseknou
- Zpracování všech typů událostí - Zpracování událostí stdout, stderr, complete a error
- Zkontrolujte návratové kódy - Nenulové návratové kódy signalizují selhání
- Poskytnout zpětnou vazbu - Zobrazení průběhu uživatelům u dlouhotrvajících operací
Související zdroje
- Referenční dokumentace Commands API - Kompletní API pro streamování
- Průvodce spouštěním příkazů - Vzory spouštění příkazů
- Průvodce procesy na pozadí - Streamování logů procesu
- Průvodce Code Interpreter - Streamování výstupu spuštění kódu