examples

Verwenden Sie, wenn Sie im Verzeichnis examples/ arbeiten, ein Beispiel mit wrangler dev ausführen, ein neues Beispiel hinzufügen oder Fragen zu EXPOSE-Direktiven und den… beantworten.

npx skills add https://github.com/cloudflare/sandbox-sdk --skill examples

Examples

The examples/ directory contains working sample apps that exercise the SDK end-to-end. They double as integration smoke tests and as reference material for users.

Running an Example

From inside an example directory (e.g. examples/minimal/):

npm run dev    # Start wrangler dev (builds Docker on first run)

The first run builds the container image, so it's slow. Subsequent runs reuse the image unless the SDK or Dockerfile changes. If you've changed the container runtime or SDK, run npm run docker:rebuild from the repo root before npm run dev.

Available Examples

ExampleDemonstrates
minimalSmallest possible Sandbox SDK setup
authenticationAuth-protected sandbox access
claude-codeRunning Claude Code inside a sandbox
code-interpreterCodeInterpreter API + Workers AI
codex / codex-app-serverOpenAI Codex integration patterns
collaborative-terminalMulti-user terminal sharing
openai-agentsOpenAI Agents SDK + Sandbox
opencodeOpenCode integration
time-machineSnapshot/restore patterns
typescript-validatorRunning tsc against user code
vite-sandboxVite dev server proxied through preview URLs
websocket-tunnelWebSocket transport / port exposure
alpineAlpine-based container variant

EXPOSE Directives

The Cloudflare containers primitive does not require EXPOSE directives — all ports are accessible in both local dev and production without them.

Including EXPOSE is still recommended in example Dockerfiles because it documents which ports the app uses (standard Docker convention). Don't add it expecting it to gate access; add it as documentation.

Adding a New Example

  1. Copy examples/minimal/ as a starting point.
  2. Update package.json name and any wrangler config (wrangler.jsonc) — class names, DO bindings, container image tag.
  3. Add a README.md with an # H1 title (the README scanner uses it) and a short description of what the example demonstrates.
  4. Make sure the example builds and npm run dev works from a clean checkout.
  5. If the example demonstrates a new SDK capability, link to it from packages/sandbox/README.md.

Local Development Tips

  • Examples link to @cloudflare/sandbox via the workspace, so SDK changes are picked up after a build (npm run build from repo root).
  • Container changes require npm run docker:rebuild to take effect.
  • If you hit stale-image issues, delete the container image (docker images | grep sandbox) and re-run npm run dev.

Mehr Skills von cloudflare

dependabot-review
cloudflare
Analysiert einen Dependabot-PR, um zu ermitteln, was sich in jedem aktualisierten Paket tatsächlich geändert hat und ob diese Änderungen dieses Repository betreffen. Meldet geänderte APIs/Methoden, …
module-registry
cloudflare
Laden, wenn mit dem Modul-Register in workerd gearbeitet wird – Lesen, Ändern, Debuggen oder Überprüfen von Modulauflösung, Kompilierung, Evaluierung oder Registrierung…
reproduce
cloudflare
Reproduzieren Sie ein cloudflare/agents GitHub-Problem, indem Sie ein minimales Agents/Worker-Projekt erstellen und es in einem temporären Cloudflare-Konto bereitstellen, dann berichten…
local-explorer
cloudflare
Wie man Produkte/Ressourcen zum lokalen Explorer oder zur lokalen API hinzufügt. Verwenden Sie dies bei der Implementierung neuer lokaler APIs oder UI-Routen unter…
open-pr
cloudflare
Nimm ein cloudflare/agents GitHub-Issue sowie etwaige Reproduktionsergebnisse und erstelle in einem Durchlauf einen Fix-PR – Branch, Änderung, Test, Push und öffne den PR, der mit dem Issue verknüpft ist.
write-endpoints
cloudflare
Umfassender Leitfaden zum Erstellen von OpenAPI-Endpunkten mit chanfana - Schema-Definition, Anfragevalidierung, CRUD-Operationen, D1-Datenbankintegration und…
agents-sdk
cloudflare
Erstellen Sie KI-Agenten auf Cloudflare Workers mit dem Agents SDK. Laden Sie beim Erstellen zustandsbehafteter Agenten, dauerhafter Workflows, Echtzeit-WebSocket-Apps, geplanter Aufgaben,…
changelog
cloudflare
Erstellt, aktualisiert und überprüft Produkt-Changelog-Einträge für die Cloudflare-Dokumentationsseite. Laden beim Generieren von Changelog-MDX-Dateien, Bearbeiten vorhandener…