← Cloudflare Pages / pages / how-to

Náhled místních projektů pomocí Cloudflare Tunnel

Cloudflare Tunnel spouští odlehčený daemon (cloudflared) ve vaší infrastruktuře, který vytváří odchozí připojení (tunely) mezi vaším origin webovým serverem a globální sítí Cloudflare. V praxi tak pomocí Cloudflare Tunnel můžete povolit vzdálený přístup ke službám běžícím na vašem lokálním počítači. Jde o alternativu k oblíbeným nástrojům, jako je Ngrok ↗, a poskytuje bezplatné dlouhodobě běžící tunely prostřednictvím TryCloudflare služba.

Zatímco Cloudflare Pages poskytuje jedinečné URL adresy náhledů nasazení pro nové větve a commity ve vašich projektech, Cloudflare Tunnel můžete použít k zpřístupnění lokálně běžících aplikací a serverů během vývoje. V tomto návodu si Cloudflare Tunnel nainstalujete a vytvoříte nový tunel, který zpřístupní lokálně běžící aplikaci. Pro používání Cloudflare Tunnel budete potřebovat účet Cloudflare.

Cloudflare Tunnel lze nainstalovat na Windows, Linux i macOS. Informace o instalaci Cloudflare Tunnel najdete v Nainstalujte cloudflared stránku v dokumentaci Cloudflare for Teams.

Ověřte, že cloudflared je nainstalovaný správně, a to spuštěním cloudflared --version na příkazovém řádku:

cloudflared --version

cloudflared version 2021.5.9 (built 2021-05-21-1541 UTC)

Nejjednodušší způsob, jak začít používat Cloudflare Tunnel, je mít lokálně spuštěnou aplikaci, například React nebo SvelteKit web. Při vývoji aplikace pomocí těchto frameworků se často využívá npm run develop skript nebo něco podobného, co aplikaci připojí a spustí ji na localhost port. Například oblíbený vite spustí vaši vyvíjenou aplikaci React na portu 5173, díky čemuž bude dostupný na http://localhost:5173 adresa.

Když běží lokální vývojový server, můžete nový Cloudflare Tunnel spustit příkazem cloudflared tunnel v novém okně příkazové řádky a předejte --url příznak spolu s vaším localhost URL a port. cloudflared vypíše logy do příkazové řádky, včetně banneru s URL adresou tunelu:

cloudflared tunnel --url http://localhost:5173

2021-07-15T20:11:29Z INF Cannot determine default configuration path. No file [config.yml config.yaml] in [~/.cloudflared ~/.cloudflare-warp ~/cloudflare-warp /etc/cloudflared /usr/local/etc/cloudflared]
2021-07-15T20:11:29Z INF Version 2021.5.9
2021-07-15T20:11:29Z INF GOOS: linux, GOVersion: devel +11087322f8 Fri Nov 13 03:04:52 2020 +0100, GoArch: amd64
2021-07-15T20:11:29Z INF Settings: map[url:http://localhost:5173]
2021-07-15T20:11:29Z INF cloudflared will not automatically update when run from the shell. To enable auto-updates, run cloudflared as a service: https://developers.cloudflare.com/argo-tunnel/reference/service/
2021-07-15T20:11:29Z INF Initial protocol h2mux
2021-07-15T20:11:29Z INF Starting metrics server on 127.0.0.1:42527/metrics
2021-07-15T20:11:29Z WRN Your version 2021.5.9 is outdated. We recommend upgrading it to 2021.7.0
2021-07-15T20:11:29Z INF Connection established connIndex=0 location=ATL
2021-07-15T20:11:32Z INF Each HA connection's tunnel IDs: map[0:cx0nsiqs81fhrfb82pcq075kgs6cybr86v9vdv8vbcgu91y2nthg]
2021-07-15T20:11:32Z INF +-------------------------------------------------------------+
2021-07-15T20:11:32Z INF |  Your free tunnel has started! Visit it:                    |
2021-07-15T20:11:32Z INF |    https://seasonal-deck-organisms-sf.trycloudflare.com     |
2021-07-15T20:11:32Z INF +-------------------------------------------------------------+

V tomto příkladu náhodně vygenerovaná URL adresa https://seasonal-deck-organisms-sf.trycloudflare.com byla vytvořena a přiřazena k vaší instanci tunelu. Po otevření této URL adresy v prohlížeči uvidíte běžící aplikaci, přičemž požadavky jsou bezpečně směrovány přes globální síť Cloudflare a tunel spuštěný na vašem počítači do localhost:5173:

Cloudflare Tunnel lze nastavit mnoha způsoby a využít nejen k přístupu k vašim vyvíjeným aplikacím. Můžete jej například použít k poskytnutí cloudflared s konfigurační soubor pro přidání složitějšího směrování a nastavení tunelu nad rámec jednoduchého --url příznak. Můžete také připojte DNS záznam Cloudflare na doménu nebo subdoménu pro snadno dostupný, dlouhodobý tunel k vašemu lokálnímu počítači.

Nakonec díky začlenění Cloudflare Access můžete poskytnout zabezpečený přístup k vašim tunelům aniž byste vystavili celý svůj server nebo ohrozili bezpečnost. Podívejte se na Dokumentace Cloudflare for Teams a zjistěte více o tom, co všechno dokážete s celou sadou nástrojů Cloudflare Zero Trust.