Praktische gids voor localhost delen
Localhost blootstellen met Cloudflare en GhostlyShare
Als een klant een preview nodig heeft, een webhook-provider een callback-URL, of u uw dev-server op een telefoon wilt openen, heeft u een publieke URL nodig voor iets dat lokaal draait. Deze gids toont eerst de terminalgerichte Cloudflare-methode, daarna de GhostlyShare-workflow voor herhaald delen.
Snelle beslissing
Gebruik de tool die past bij de hoeveelheid delen
De fout is om elke lokale preview als hosting te behandelen. Een tunnel is het beste voor tijdelijke toegang. GhostlyShare is beter bij regelmatig gebruik. Een echte deployment is beter als gebruikers van de URL afhankelijk zijn.
Gebruik cloudflared.exe
Installeer Cloudflare's tunnelclient één keer, voer één commando uit, kopieer de tijdelijke URL en stop met Ctrl+C.
Gebruik GhostlyShare
Laat de desktopapp lokale services detecteren, delen starten, gereedheid tonen, URL kopiëren en toegang stoppen zonder terminaloutput te doorzoeken.
Implementeer de app
Als de URL uptime, monitoring, back-ups, stabiele releases of support vereist, is een laptoptunnel geen betrouwbare oplossing.
Methode 1
Cloudflare EXE: de snelste en overzichtelijke commandoregelmethode
De tunnelclient van Cloudflare heet cloudflared. Op Windows installeert u het met winget of downloadt u de EXE handmatig. Voor een korte ontwikkelpreview geeft Quick Tunnel een willekeurige HTTPS-URL zonder routerpoortdoorsturing, Cloudflare DNS-zone of aangepast domein.
Start de lokale app
Open eerst de lokale URL in uw browser. Als de app lokaal niet werkt, kan een publieke tunnel dit niet oplossen.
npm run devInstalleer cloudflared op Windows
Use winget when it is available. If you download the EXE manually, place it in a folder such as C:\Cloudflared\bin and call it cloudflared.exe.
winget install --id Cloudflare.cloudflaredMaak de publieke URL aan
Use the exact local HTTP URL and port. In PowerShell from the EXE folder, use .\cloudflared.exe if the executable is not on PATH.
cloudflared.exe tunnel --url http://localhost:5173Test voordat u deelt
Open de gegenereerde trycloudflare.com URL in een privénavigatievenster of op een ander apparaat. Controleer login, assets, redirects en API-aanroepen voordat u het deelt.
https://example-random-name.trycloudflare.comStop de tunnel bewust
Als de demo of webhook-test voorbij is, stop dan het terminalproces. Als uw machine slaapt of de verbinding verliest, stopt de quick tunnel toch.
Ctrl+CStabiele preview-namen
Willekeurige URL of aangepaste Cloudflare-hostname?
Willekeurige URL's zijn ideaal als de link na een test kan verdwijnen. Aangepaste domeinen zijn handig voor stabiele previews, bijvoorbeeld demo.example.com, als u het domein al in Cloudflare beheert.
| Benodigd | Gebruik | Waarom het past |
|---|---|---|
| Een demo van vijf minuten of webhook-terugroepactie | Willekeurige URL | Geen account of DNS-configuratie nodig, en de link is makkelijk weg te gooien na de test. |
| Een klantbeoordeling die er professioneel uit moet zien | Aangepast domein | Een hostname die u beheert is makkelijker te herkennen, maar vereist uw Cloudflare-zone, tokenrechten, DNS en tunnelroutering. |
| Een preview die niet zomaar geopend mag worden | Wachtwoordbeveiligde link | Voeg een wachtwoord toe voordat u openbaar gaat en deel de URL en het wachtwoord apart met de kleine groep die toegang nodig heeft. |
Andere opties
Andere manieren om localhost bloot te stellen
U heeft niet voor elke situatie een aparte tool nodig. De beste keuze hangt af van of u een wegwerp-link, een desktopworkflow, een professionele preview, een privénetwerkttool of een bewust beveiligde zelfgehoste setup wilt.
| Tool | Typisch commando of actie | Beste voor | Let op |
|---|---|---|---|
| Cloudflare Quick Tunnel | cloudflared tunnel --url http://localhost:5173
|
Snelle wegwerpbare publieke HTTPS-URL's zonder routerwijzigingen. | Alleen voor ontwikkeling en testen; willekeurige URL; terminallevenscyclus. |
| GhostlyShare | Selecteer 'Ga openbaar' in de desktopapp
|
Herhaalde lokale previews, webhook-tests, wachtwoordbeveiligde demo's en optionele Cloudflare-aangepaste domeinen. | Nog steeds geen productiehosting; uw lokale app en machine moeten blijven draaien terwijl de link werkt. |
| ngrok | ngrok http 5173
|
Teams die al ngrok, gereserveerde domeinen, verkeersinspectie en provider-specifieke routeringsfuncties gebruiken. | Account- en plangegevens zijn belangrijk; meer providerconfiguratie dan een wegwerp-quick tunnel. |
| Tailscale Funnel | tailscale funnel 3000
|
Gebruikers van Tailscale die een publieke HTTPS-eindpunt voor een tailnet-apparaat willen. | Vereist Tailscale-configuratie en Funnel ingeschakeld voor het tailnet. |
| localtunnel | npx localtunnel --port 3000
|
Snelle Node-gebaseerde localhostdeling voor eenvoudige tests. | Handig voor eenvoudige previews; denk goed na voordat u het voor gevoelige zaken gebruikt. |
| Routerpoortdoorsturing | Configureer router, DNS, TLS en reverse proxy
|
Permanente zelfhosting wanneer u de infrastructuur bewust beheert. | Grotere blootstelling aan aanvallen; patchen, firewallregels, logs en TLS worden uw verantwoordelijkheid. |
Webhook testen
De details die tijd besparen bij webhooks
Webhook-providers kunnen http://localhost op uw laptop niet bereiken. Ze kunnen de publieke tunnel-URL aanroepen. Behandel die URL als een echte externe integratie: houd handtekeningen aan, gebruik het exacte callback-pad en controleer redirects en CORS.
Gebruik het volledige callback-pad
Als uw ontvanger luistert op /api/webhooks/stripe, plak dan de publieke URL inclusief dat pad, niet alleen het domein.
Houd handtekeningvalidatie ingeschakeld
Een publieke tunnel maakt het testen van echte webhook-handtekeningen eenvoudiger. Dit is geen reden om handtekeningverificatie uit te schakelen.
Let op basis-URL's en doorgestuurde headers
Als de publieke URL terugverwijst naar localhost, configureer dan publieke basis-URL's, doorgestuurde headers, vertrouwde proxies of framework host-instellingen.
Test vanuit een schone browsersessie
Gebruik een privénavigatievenster of een tweede apparaat zodat gecachte localhost-status problemen met cookies, CORS, redirects of gemengde content niet verbergt.
Probleemoplossing
Los eerst de veelvoorkomende tunnelproblemen op
De tunnel start, maar de pagina is leeg
Open de lokale URL direct en controleer of assets, API-URL's, WebSocket-URL's of omgevingsvariabelen nog naar localhost verwijzen.
De publieke URL verwijst door naar localhost
Veel frameworks maken redirects op basis van de request host. Los doorgestuurde headers, vertrouwde proxies, publieke origin of geforceerde dev-redirects op.
De link verschijnt voordat het werkt
Cloudflare-routering, DNS, GhostlyShare's lokale proxy en de originele app moeten soms even synchroniseren. Wacht enkele seconden, vernieuw en test opnieuw.
HTTPS localhost-certificaten veroorzaken fouten
Voor korte previews tunnel de lokale HTTP-endpoint indien beschikbaar. Voor langere setups configureer origin TLS bewust in plaats van te gokken.
Hot reload of WebSockets falen
Gebruik een tool die WebSockets ondersteunt en zorg dat de app ws- of wss-URL's bouwt vanaf de publieke host, niet vanaf een hardcoded localhost-waarde.
Veiligheid
Voordat u de publieke URL verstuurt
Een publieke preview-URL is nog steeds openbare toegang. Wachtwoordbeveiliging vermindert toevallige toegang, maar maakt een risicovolle lokale service niet veilig. Deel de smalste URL, gebruik testgegevens en stop de link na de review of webhook-test.
Gebruik testgegevens
Maak geen echte klantgegevens, databasebeheer, interne dashboards, seed secrets of privébedrijfsdata openbaar.
Houd app-authenticatie ingeschakeld
Als een functie normaal inloggen vereist, moet dat ook tijdens de publieke preview zo zijn.
Gebruik wachtwoordbeveiliging voor privépreviews
Voor kleine reviewgroepen voeg een GhostlyShare-wachtwoord toe voordat u openbaar gaat en deel dit apart van de link.
Stop en ververs links
Stop tijdelijke links na gebruik. Als een URL of wachtwoord uitlekt in een ticket of chat, maak dan een nieuwe preview in plaats van hergebruik.
Veelgestelde vragen
Veelgestelde vragen
Wat is het exacte Windows-commando?
Na installatie van cloudflared, voer cloudflared.exe tunnel --url http://localhost:PORT uit, waarbij u PORT vervangt door de lokale poort van uw app, bijvoorbeeld 5173, 3000, 5080 of 8080.
Is GhostlyShare alleen een wrapper rond cloudflared?
Nee. GhostlyShare gebruikt Cloudflare-tunnels, maar voegt een desktopworkflow toe voor appdetectie, willekeurige of aangepaste publieke links, gereedheidsstatus, toegang stoppen en optionele wachtwoordbeveiliging.
Kan GhostlyShare een publieke link met een wachtwoord beveiligen?
Ja. Schakel wachtwoordbeveiliging in voordat u openbaar gaat. Bezoekers moeten het wachtwoord invoeren voordat GhostlyShare verkeer naar de geselecteerde lokale app doorstuurt, maar dit vervangt geen goede app-beveiliging.
Heb ik routerpoortdoorsturing nodig?
Nee voor de tunnelworkflows in deze gids. cloudflared, GhostlyShare, ngrok, Tailscale Funnel en soortgelijke tools openen uitgaande verbindingen vanaf uw machine, dus meestal is inkomende routerpoortdoorsturing niet nodig.
Kan ik webhooks testen via een lokale tunnel?
Ja. Start de lokale webhook-ontvanger, stel deze bloot via de tunnel, plak de publieke HTTPS-URL plus het juiste callback-pad in de provider, stuur een testevent en inspecteer het verzoek lokaal.
Moet ik admin-tools of databases blootstellen?
Meestal niet. Maak geen databaseconsoles, admin dashboards, infrastructuurpanelen, debug-eindpunten of interne services openbaar tenzij ze bewust beveiligd zijn en bedoeld om via internet bereikbaar te zijn.
Moet ik een laptoptunnel gebruiken voor productieverkeer?
Nee. Gebruik een echte deployment of een beheerde tunnel op infrastructuur die continu online blijft, updates ontvangt, gemonitord wordt en herstelt na storingen.