#Hosting · 3 Min. Lesezeit · Tim Rinkel

CLOUDFLARE-HAMMER! Dein Wrangler-Dev-Server gibt JETZT eine oeffentliche URL aus — einfach ‚t‘ druecken

CLOUDFLARE-HAMMER! Dein Wrangler-Dev-Server gibt JETZT eine oeffentliche URL aus — einfach ‚t‘ druecken

UNGLAUBLICH: Eine TASTE reicht — und dein Local-Server steht im Internet!

Du arbeitest mit Wrangler oder dem Cloudflare-Vite-Plugin? Dann hat Cloudflare am 18. Mai 2026 ein Feature gelandet, das dir Lebenszeit zurueckgibt: Local-Dev-Server per Cloudflare Tunnel teilen — mit einem einzigen Tastendruck.

HAMMER: Quick Tunnel auf trycloudflare.com — sofort fertig!

So funktioniert es: Im laufenden Wrangler-Dev-Modus druckst du t, im Vite-Plugin t + Enter. Cloudflare baut einen temporaeren Quick Tunnel auf, gibt dir eine *.trycloudflare.com-URL aus und routet eingehenden Traffic auf deinen lokalen Port. FERTIG.

Oder du nutzt einen Named Tunnel, den du im Cloudflare-Dashboard schon konfiguriert hast — dann bekommst du eine stabile Hostname und kannst Cloudflare Access davorhaengen.

SO genial: Webhooks, Preview, Smartphone-Test in EINER Linie!

Wer hat es nicht erlebt: Stripe-Webhook testen — ngrok starten — Tunnel-URL kopieren — Stripe-Dashboard aktualisieren. Mit Wrangler-Tunnel faellt der Umweg weg. Eine Taste, Webhook funktioniert.

Genauso bei Vorschauen: Designer will schnell schauen — du druckst t, kopierst die URL in Slack, fertig. Keine Build-Pipeline, kein Deploy-Preview.

GEFAHR! Wer den Link hat, kommt rein!

Cloudflare warnt explizit: Jeder mit der Tunnel-URL kann auf deinen lokalen Dev-Server zugreifen. Wenn dein Server unauthenticated Endpunkte hat, sind die offen. Mach vorher einen Quick-Check: Was exponierst du da gerade? Mit Named Tunnels kannst du Cloudflare Access vorschalten und auf eine Email-Liste limitieren.

So setzt du es in 60 SEKUNDEN auf!

  1. Wrangler auf die aktuelle Version updaten: npm i -g wrangler@latest.
  2. wrangler dev oder npx wrangler dev starten.
  3. Im laufenden Dev-Server t druecken.
  4. Cloudflare zeigt eine *.trycloudflare.com-URL — kopieren, weitergeben.
  5. Den Tunnel kannst du um eine Stunde verlaengern (nochmal t druecken). Max 3 Stunden Rest-Zeit.

EXTRA-TIPP: Auch das alte –remote ist DICHT!

Cloudflare hat parallel das Legacy-Flag wrangler dev –remote fuer KV-backed Durable Objects entfernt. Wer noch alte Skripte hat: Umstellen auf den neuen Vorschau-Workflow oder SQLite-backed Durable Objects nutzen.

FAZIT: Ngrok kann sich anziehen!

Bisher war ngrok das Tool der Wahl fuer Dev-Server-Sharing. Cloudflare baut den gleichen Komfort direkt in Wrangler ein — kostenlos, mit dem eigenen globalen Netz und optionaler Cloudflare-Access-Integration. Wer Cloudflare eh nutzt, hat sich gerade ein Abo gespart.

Häufige Fragen

Was ist neu in dieser Version?
Wrangler und das Cloudflare-Vite-Plugin koennen lokale Dev-Sessions per Cloudflare Tunnel teilen — mit Tastendruck. Du bekommst entweder einen Quick Tunnel auf trycloudflare.com oder einen Named Tunnel mit stabilem Hostname und Cloudflare-Access-Schutz. Funktioniert seit 18. Mai 2026.
Lohnt sich das Update sofort oder kann ich warten?
Wer regelmaessig Webhooks, Preview-Links oder Cross-Device-Tests macht, sollte sofort updaten — ngrok-Tunnels kosten dich Lebenszeit. Wer reine Backend-API-Entwicklung ohne externes Sharing macht, kann gemuetlich auf die naechste Release-Welle warten.
Bricht das Update bestehende Konfigurationen?
Das Tunnel-Feature ist additiv. Aber: wrangler dev –remote wurde fuer KV-backed Durable Objects entfernt. Wer das Flag noch in CI-Skripten hat, muss auf den neuen Dev-Mode wechseln oder SQLite-backed Durable Objects nutzen. Ansonsten laeuft alles weiter.
Wie sichere ich die Tunnel-URL ab?
Quick Tunnels sind oeffentlich — jeder mit dem Link kommt rein. Wer das nicht will, faehrt einen Named Tunnel und schaltet Cloudflare Access davor. Damit kannst du auf Email-Domain, IP-Range oder MFA limitieren. Fuer kurze Webhook-Tests reicht der Quick Tunnel, fuer Stakeholder-Demos lieber Named.

Quellen

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert