Localtunnel: jak zpřístupnit na internetu webové stránky na localhostu

Nedávno jsem hledal možnost, jak otestovat v rámci své sítě webové stránky provozované na jednom z počítačů pomocí lokálního webového serveru. Skončil jsem u řešení, které umožní nejenom testovat web z místní sítě na iPadu, ale i kdekoli přes internet.
reklama

Jednou z nevýhod vývoje webu na lokálním počítači je skutečnost, že jej nemůžete jednoduše ukázat dalším lidem. Tedy pokud pomineme to, že by vám seděli za zády, nebo že byste si nasměřovali svou doménu na IP adresu poskytovatele připojení.

Ve většině případů využívám při tvorbě webu virtuální server u Linode. Pomalu ale předělávám jeden svůj webík na Drupal 8 a protože na něm pracuji sám, bylo pro mě nejrychlejší jeho zprovoznění na lokálním počítači pomocí MAMP. Jenže v určité fázi jsem jej potřeboval otestovat v jiných prohlížečích a systémech, než na OS X. A také na tabletech a telefonu.

Nabízí se několik řešení. Kdyby web běžel rovnou jako http://localhost, pak prostě stačí zadat IP adresu hostitelského stroje do ostatních zařízení ve stejné síti a v prohlížeči se web objeví. Jenže v rámci lokálního serveru mám webů více a běží mi na samostatných smyšlených adresách, nikoli v podadresáři localhostu. Druhé řešení znamená provádět různé divoké kejkle s SSH, což se mi také nechtělo.

Vyhovující řešení jsem našel v podobě nástroje Localtunnel. Ten v podstatě spustíte v příkazovém řádku, sdělí vám speciální URL a tu můžete zadat jak do prohlížečů v jiných počítačích na stejné lokální síti, tak kdekoli na internetu.

Díky tomu je tak možné ukázat lokálně běžící web třeba zákazníkovi, nebo si nechat poradit od někoho zkušenějšího, jak v tomto webu něco upravit.

Jak na tunel do lokálního webu

Localtunnel je jednoduchá aplikace napsaná pro Node.js. Než ji začnete používat, musíte mít tedy v počítači Node.js nainstalované. Zbytek je pak hračka:

Jak vidíte, jednodušší to snad ani být nemůže. Zadáním samostatného příkazu lt si ještě vypíšete přepínače, pomocí kterých lze specifikovat požadovanou subdoménu ve vytvořené veřejné URL adrese a také specifikovat hostitele.

Standardně je totiž veřejná adresa vytvořena ve tvaru https://něco.localtunnel.me. Pokud byste chtěli provozovat Localtunnel oproti svému vlastnímu serveru, můžete si stáhnout jeho zdrojové kódy z GitHubu a klientskou aplikaci pak právě na vlastní server odkazovat.

Localtunnel

Tip: Pokud byste chtěli vyzkoušet něco s podobnou a propracovanější funkcionalitou, ale bez Node.js, koukněte na ngrok. Pro mé potřeby však localtunnel plně postačuje.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru