Jak si zobrazit web ještě před změnou DNS

Když přenášíte web na nový server, nechcete přepínat naslepo. Dává smysl si nejdřív ověřit, že nový web funguje tak, jak má – načítá se, nikde nechybí obrázky, fungují formuláře. Teprve potom má smysl přepnout doménu a poslat na nový server návštěvníky.

Háček je v tom, že vy i běžný návštěvník vidíte web podle veřejných DNS záznamů domény (nastavení, které říká internetu, na jaký server doména patří). Dokud je nepřepnete, ukazují na starý server. Existují ale dva způsoby, jak nový web zobrazit ještě dřív, než DNS změníte. V tomto návodu vás provedeme oběma a poradíme, kdy se hodí který.

Tento článek je psaný i pro úplné začátečníky. Předpokládáme jen to, že máte web nahraný na novém serveru. Pokud narazíte na pojem, který neznáte, mrkněte do našeho slovníčku pojmů – termíny jako DNS nebo IP adresa v něm najdete vysvětlené.

Rychlý přehled pro pokročilé

Tato část je určená zkušeným uživatelům, kteří si chtějí jen rychle ověřit postup a nepotřebují číst celý článek. Pokud začínáte, doporučujeme rovnou pokračovat další sekcí.

Testovací adresa od Váš Hosting

Web otevřete hned, bez nastavení, a adresu můžete poslat i klientovi. Aplikace s pevně uloženou adresou (WordPress, PrestaShop) se ale na testovací adrese může zobrazit rozbitě.

• Zákaznický portál (webhosting): Domény → [doména] → Detail → Nastavení → „URL pro testování“
• VPS Centrum V3: Domény → [doména] → Subdomény → [subdoména] → karta Rychlé odkazy → „Alternativní doména pro testování“
• VPS Centrum V2: Přehled domén → ikona dvou překřížených šipek → „Alternativní adresa pro testování“

Úprava souboru hosts na vašem počítači

Reálnou doménu namapujete na IP adresu nového serveru, takže web na nové adrese vidíte jen vy na svém počítači. Funguje na jakýkoli web včetně WordPressu.

• Windows: C:\Windows\System32\drivers\etc\hosts
• macOS a Linux: /etc/hosts

Co je dobré vědět předem

Než začnete, projděte si krátký seznam toho, co budete potřebovat. Které položky platí pro vás, závisí na tom, kterou z metod zvolíte.

Co budete potřebovat

• Hotový web nahraný na novém serveru (povinné – bez něj není co zobrazit; postup popisuje návod Jak nahrát web na hosting nebo VPS)
• IP adresa cílového serveru nebo webhostingu (podmíněné – jen pro postup přes soubor hosts; kde ji vzít, ukážeme v sekci Kde najdete IP adresu serveru)
• Administrátorský přístup k vašemu počítači (podmíněné – jen pro postup přes soubor hosts; úprava tohoto souboru vyžaduje práva správce, na macOS a Linuxu příkaz sudo)

Na celý postup si vyhraďte přibližně 10–20 minut.

Jak zjistíte, jakou verzi VPS Centra máte

Verze se zobrazuje v záhlaví rozhraní u loga, ve VPS Centru V3 také vpravo dole. Pokud číslo začíná „3.“ (např. 3.x.x), máte VPS Centrum V3. Pokud „2.“ (např. 2.x), je to VPS Centrum V2. V tomto článku se verze liší jen v jednom – kde najdete testovací adresu domény.

Kterou metodu zvolit

Obě metody vedou k tomu, že uvidíte nový web. Liší se ale v tom, kdo ho uvidí a u jakých aplikací fungují. Vyberte podle své situace.

Situace	Doporučená metoda
Statický web nebo jiný systém než WordPress či PrestaShop, chci jen rychle zkouknout výsledek	Testovací adresa
Chci poslat odkaz klientovi k odsouhlasení	Testovací adresa (je veřejně dostupná)
Na webu běží WordPress nebo PrestaShop	Soubor hosts (zobrazí reálnou doménu správně) – v případě, že styly jsou na alternativní adrese rozbité.
Chci web vidět přesně tak, jak bude vypadat po přepnutí DNS	Soubor hosts

Skok rovnou k postupu

Přejděte rovnou na postup, který vám sedí:

Nejrychlejší způsob: Testovací adresa – hned a bez nastavení, ale aplikace s uloženou adresou (WordPress, PrestaShop) se na ní může zobrazit rozbitě.

Nejbezpečnější způsob: Úprava souboru hosts – jen na vašem počítači, funguje na jakýkoli web včetně WordPressu.

Zobrazení přes testovací adresu

Nejrychlejší cesta je testovací adresa, kterou pro každou doménu připravujeme automaticky. Je to dočasná adresa ve tvaru vasedomena.cz.nazevserveru.vas-hosting.com (na VPS ve tvaru vasedomena.cz.nazevserveru.vas-server.cz), která ukazuje rovnou na nový server. Nemusíte nic nastavovat na svém počítači – adresu jen otevřete v prohlížeči.

Kde adresu najdete, závisí na tom, jakou službu používáte. Funkce se přitom v každém rozhraní jmenuje trochu jinak a najdete ji na jiném místě, ale vždy jde o stejnou věc.

Webhosting (Zákaznický portál)

Přihlaste se na portal.vas-hosting.cz a přejděte do Domény → [vaše doména] → Detail → Nastavení. Adresu najdete u položky URL pro testování.

VPS Centrum V3

V levém menu otevřete Domény, vyberte svoji doménu a klikněte na Subdomény. Z rozbalovací nabídky zvolte konkrétní subdoménu (například www). Odkaz Alternativní doména pro testování pak najdete vpravo v panelu Rychlé odkazy.

VPS Centrum V2

Na hlavní stránce Přehled domén klikněte u domény na ikonku dvou překřížených šipek. Popisek u ní zní Alternativní adresa pro testování.

Testovací adresa je veřejně dostupná, takže ji můžete poslat například klientovi k odsouhlasení nového webu. Otevírá se ale vždy přes nezabezpečené http (ne https), takže ji prohlížeč označí jako nezabezpečenou – například nápisem „Nezabezpečeno“ v adresním řádku. V některých prohlížečích proto budete muset potvrdit, že chcete na web bez zabezpečení pokračovat; u dočasného náhledu to nevadí.

Zobrazení přes úpravu souboru hosts (webhosting, VPS)

Druhá cesta funguje na jakýkoli web včetně WordPressu, a to stejně pro webhosting i VPS – provádíte ji u sebe na počítači, ne na straně hostingu, takže nezáleží na tom, jaký typ služby u nás máte. Soubor hosts je malý textový soubor ve vašem počítači, do kterého můžete ručně zapsat, na jakou IP adresu (číselnou adresu serveru) se má určitá doména přeložit. Tím dočasně obejdete veřejné DNS – váš počítač půjde rovnou na nový server, zatímco zbytek internetu stále vidí starý. Změnu provádíte jen u sebe a kdykoli ji vrátíte zpět.

Kde najdete IP adresu serveru

Pro zápis do souboru hosts potřebujete IPv4 adresu serveru, na kterém web nově běží.

• Webhosting (Zákaznický portál): Otevřete Domény → [vaše doména] → Detail a v sekci Nastavení najdete u položky IPv4 / IPv6 adresu svého webhostingu. Tu zapíšete do souboru hosts. Údaj A v sekci Hosting nad tím ukazuje, kam doména směřuje v DNS právě teď (klidně ještě na starý server), takže pro náhled nového webu použijte IPv4 ze sekce Nastavení.
• VPS (Zákaznický portál): Přejděte do Servery → IP adresy. IPv4 adresu svého serveru najdete ve sloupci Adresa.

Úprava souboru hosts ve Windows

1. Do vyhledávání na hlavním panelu napište Poznámkový blok, klikněte na něj pravým tlačítkem a zvolte Spustit jako správce. Bez práv správce soubor neuložíte.
2. V Poznámkovém bloku zvolte Soubor → Otevřít a přejděte do složky C:\Windows\System32\drivers\etc.
3. Vpravo dole přepněte filtr z Textové dokumenty (*.txt) na Všechny soubory (.) – jinak soubor neuvidíte. Pak otevřete soubor hosts (je bez přípony).
4. Na konec souboru přidejte jeden nový řádek: IP adresu serveru, mezeru a obě varianty domény (s www i bez), například 50.25.12.1 vasedomena.cz www.vasedomena.cz. Obě varianty domény patří na stejný řádek za jednu IP adresu; místo 50.25.12.1 doplňte IP svého serveru. Případně můžete i každý tvar domény dát na jeden řádek pro větší přehlednost jako níže, obě dvě varianty jsou v pořádku.
5. Uložte soubor klávesovou zkratkou Ctrl+S.

Úprava souboru hosts na macOS a Linuxu

Na macOS i Linuxu soubor hosts upravíte v terminálu (aplikaci pro zadávání textových příkazů) pomocí jednoduchého editoru nano.

1. Otevřete Terminál. Na macOS ho najdete přes Spotlight (⌘ + mezerník, napište Terminál), na Linuxu mezi aplikacemi nebo zkratkou Ctrl + Alt + T.
2. Soubor otevřete v editoru nano příkazem sudo nano /etc/hosts a po vyzvání zadejte heslo svého admin uživatele. Při psaní se heslo z bezpečnostních důvodů nezobrazuje.
3. Šipkami přejděte na konec souboru a přidejte nový řádek s IP adresou a doménou, například 37.235.102.225 vasedomena.cz www.vasedomena.cz. Místo ukázkové IP doplňte adresu svého serveru. Případně můžete i každý tvar domény dát na jeden řádek pro větší přehlednost jako níže, obě dvě varianty jsou v pořádku.
4. Soubor uložte zkratkou Ctrl+O a potvrďte Enter. Editor pak ukončete zkratkou Ctrl+X.

Ověřte, že vidíte nový web

Po úpravě souboru hosts otevřete v prohlížeči svoji doménu (například vasedomena.cz). Uvidíte ji tak, jak běží na novém serveru, zatímco ostatní návštěvníci dál vidí původní web. Pokud se místo nového webu načte ten starý, podívejte se do potíží s načítáním ze starého serveru.

Po skončení vraťte soubor hosts do původního stavu

Jakmile náhled už nepotřebujete, otevřete soubor hosts stejným způsobem a přidaný řádek odstraňte. Nemusíte ho ale mazat úplně – pokud ho budete chtít později použít znovu, stačí na jeho začátek napsat znak #. Tím řádek zakomentujete (počítač ho bude ignorovat) a pro opětovné odkomentování # zase smažete. Tenhle znak se na různých klávesnicích píše jinak, takže pokud nevíte, jak ho zadat, zkopírujte ho odsud: #. Po uložení souboru se váš počítač začne znovu řídit veřejnými DNS záznamy domény.

Řešení problémů

Náhled webu před změnou DNS je spolehlivý, ale občas se zadrhne na maličkosti. Tady jsou nejčastější situace a jak je vyřešit.

Web se po úpravě souboru hosts pořád načítá ze starého serveru

Symptom: Po přidání řádku a otevření domény vidíte stále původní web.

Příčina: Počítač má v paměti uloženou starou DNS odpověď, nebo prohlížeč zobrazuje web z mezipaměti. Někdy je v souboru překlep nebo chybí varianta s www.

Řešení: Zkontrolujte, že řádek obsahuje správnou IP adresu a obě varianty domény (s www i bez). Pak vyprázdněte DNS cache. Ve Windows otevřete příkazový řádek jako správce a spusťte:

ipconfig /flushdns

Na macOS spusťte v terminálu:

sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder

Na Linuxu se DNS cache často nepoužívá; pokud používáte systemd-resolved, spusťte:

sudo resolvectl flush-caches

Nakonec prohlížeč zavřete a znovu otevřete, ideálně v anonymním (inkognito) okně.

Soubor hosts nejde uložit

Symptom: Při ukládání se objeví hláška, že soubor je jen pro čtení nebo že nemáte oprávnění.

Příčina: Editor není spuštěný s právy správce (Windows), nebo příkaz není spuštěný přes sudo (macOS, Linux).

Řešení: Ve Windows zavřete Poznámkový blok a spusťte ho znovu pravým tlačítkem přes Spustit jako správce. Na macOS a Linuxu otevírejte soubor příkazem sudo nano /etc/hosts.

Soubor hosts ve složce nevidím

Symptom: Ve složce C:\Windows\System32\drivers\etc žádný soubor hosts není.

Příčina: Otevírací dialog má nastavený filtr jen na textové soubory a soubor hosts žádnou příponu nemá.

Řešení: V dialogu pro otevření přepněte filtr vpravo dole na Všechny soubory (.). Soubor hosts se pak ve složce zobrazí.

Prohlížeč hlásí neplatný certifikát

Symptom: Po nasměrování domény přes soubor hosts prohlížeč u adresy s https varuje, že certifikát pro tuto doménu neplatí.

Příčina: Bezpečnostní certifikát pro vaši doménu se na novém serveru obvykle vystaví až ve chvíli, kdy na něj doména reálně směřuje přes DNS. Před přepnutím tedy ještě nemusí být hotový.

Řešení: Pro účely náhledu varování potvrďte a pokračujte na web. Výjimkou je web se zapnutým HSTS (nastavení, kterým web prohlížečům nařizuje připojovat se výhradně přes zabezpečené HTTPS) – u takové domény prohlížeč varování o certifikátu nepustí a tlačítko pro pokračování vůbec nenabídne. Náhled přes soubor hosts tu na zabezpečené adrese nepoužijete. Pokud chcete web vidět hned, použijte místo souboru hosts testovací adresu – ta běží na jiné doméně, takže se jí HSTS vaší reálné domény netýká. Jinak stačí počkat, až po přepnutí DNS na novém serveru vznikne platný certifikát; ten si pak vystavte podle návodu Jak aktivovat SSL certifikát a zapnout HTTPS.

WordPress se i přes úpravu hosts zobrazuje rozbitě

Symptom: Web vidíte na nové adrese, ale WordPress je bez stylů nebo vás přesměruje na původní doménu.

Příčina: WordPress si svoji adresu ukládá do databáze a generuje z ní odkazy na šablonu, obrázky a skripty. K rozbití dochází typicky tehdy, když web otevřete přes testovací adresu místo reálné domény.

Řešení: Při náhledu přes soubor hosts používejte reálnou doménu, ne testovací adresu – WordPress pak adresu rozpozná jako správnou a zobrazí se v pořádku. Pokud potřebujete web spustit přímo na testovací adrese, postupujte podle návodu Proč se WordPress na alternativní adrese zobrazuje rozbitě.

Pokud problém přetrvává, napište naší podpoře – rádi vám pomůžeme.