Od súboru v počítači k verejnému odkazu

Stránka je zostavená a otvorená v prehliadači. Vyzerá ako web, správa sa ako web: na odkazy sa dá kliknúť, tlačidlá sa dajú stlačiť. Pošlete ju niekomu a ten odpovedá "neotvára sa". Alebo sa otvára, ale bez štýlov a obrázkov. Nič sa nepokazilo. Stránka žije presne na jednom mieste, na vašom disku, a adresný riadok prehliadača to ukazuje. Stačí vedieť, kde sa pozrieť.

Otázka "ako dostať web na internet" znie, akoby existovalo tlačidlo, ktoré treba nájsť. Užitočnejšie je spýtať sa inak: kde by mal web bývať, aby ho videli aj iní, nielen ja? Odpoveď sa skladá z viacerých častí: server, dve adresy, path, hosting a nasadenie. Potom - ako aktualizovať nasadené, prečo hosting potrebuje kľúč a čo robí agent, keď poprosíte "nasaď to".

1. Súbor žije v jednom počítači

Pozrite sa na adresný riadok, keď je stránka otvorená z disku. Tam nie je odkaz, ale cesta k súboru:

file:///C:/projects/landing/index.html    # cesta k súboru na vašom disku
https://landing-demo.tiiny.site/          # adresa na inom počítači

Prvý riadok je váš disk. Prehliadač tu slúži len ako program na prezeranie: otvoril súbor, prečítal ho, zobrazil. Nikam po sieti nechodil. Druhý riadok je adresa iného počítača. Prvý sa otvorí len u vás, druhý na akomkoľvek zariadení, ktoré má internet.

Odtiaľ pochádza to "neotvára sa". Poslať súbor a publikovať stránku sú dve rôzne veci. Stránka zvyčajne nie je jeden súbor, ale priečinok: index.html, vedľa style.css a obrázky. Poslali ste len index.html - príjemca ho síce otvorí, ale štýly a obrázky nebude mať kde hľadať. Tak vzniká to "otvára sa, ale zle".

A druhé obmedzenie, jednoduchšie. Večer ste zavreli notebook, dali ste ho do tašky a vzali domov. Hotovo, spí a nikomu nič neposkytne. Aby stránku videli všetci a kedykoľvek, jej súbory musia byť inde, nie u vás.

"Funguje u mňa" a "otvára sa u všetkých" sú dva rôzne stavy. Zvyšok článku je o tom, čo je medzi nimi.

2. Server

Kľúčové slovo je server. Nie je to záhadná krabica so svetielkami, iba počítač, ktorý je vždy zapnutý a posiela súbory ostatným. V tom je celý jeho zmysel: byť na príjme, keď vy nie ste.

Zdá sa, že to ide aj bez neho. Keď posielate priateľovi obrázok v messengeri, letí priamo z vášho telefónu k nemu? Nie. Najprv ide na server messengera a až odtiaľ k priateľovi. Preto ho môžete poslať, vypnúť telefón a ísť spať - priateľ si ho pozrie o dve hodiny. Server stojí uprostred aj tam, kde ho nevidno.

Záver pre stránku je rovnaký: aby ju všetci videli, súbory musia byť na takomto počítači. Internet nie je spoločný oblak, kde sa veci objavujú samy, ale iný počítač, ktorý nespí. Spočiatku to trochu sklame, je to až príliš prízemné. Zato je to jasné.

3. Doména a IP

Na svete je veľa serverov a na ten správny sa musíte nejako obrátiť. Podľa adresy. Server má dve adresy, ako obyčajný dom: súradnice a vývesný štít.

Prvou je IP. Číselná adresa ako 192.0.2.1: presná, ale pre človeka nečitateľná, holé súradnice. Počítače medzi sebou komunikujú práve takto.

Druhou je doména. Meno pre ľudí, ako example.com. Je to ten vývesný štít: priateľovi predsa nepoviete "stretneme sa pri budove na súradniciach päťdesiat celá štyridsaťpäť, tridsať celá päťdesiatdva". Poviete mu "pri kaviarni na rohu".

192.0.2.1        # IP: číselná adresa servera pre počítače
example.com      # doména: to isté miesto s menom pre ľudí

Ako sú prepojené: keď zadáte meno, prehliadač sa najprv spýta adresára mien, aká IP za ním stojí, a až potom ide podľa čísel. Tento adresár sa volá DNS a viac o ňom teraz vedieť nemusíte: zadáte meno a zvyšok sa stane sám.

A ešte jedna časť adresy, ktorú ľahko prehliadnete: https:// úplne na začiatku. Nie je to časť mena, ale spôsob spojenia: komunikácia so serverom je šifrovaná. Prehliadače to zobrazujú rôzne, ale http:// bez s všetky označujú ako nezabezpečené. Šifrovanie zabezpečia hostingy samy.

4. Path a predvolený súbor

Na serveri zvyčajne leží veľa súborov. Ktorý z nich je potrebný, určuje path - cesta, časť adresy za doménou. Ak je doména budova, path hovorí, ku ktorému pultu vnútri.

Adresa sa číta zľava doprava a nie je to kúzelný reťazec, ale tri odpovede. https://example.com/about/team.html znamená "na serveri example.com otvor súbor about/team.html".

Path je doslova cesta k súboru na disku servera: priečinok about, v ňom team.html, ako cesta k priečinku na vašom počítači. Na veľkých weboch sa stránky často zostavujú za chodu, ale logika je tá istá: adresa ukazuje na konkrétne miesto.

Čo ak je path prázdny? Zadáte https://example.com/ - ktorý súbor otvoriť? Na tom sa dohodli už dávno: server vráti index.html z koreňového priečinka webu, takto to robia takmer všetky hostingy. Z toho vyplýva pravidlo, ktoré sa čoskoro zíde: index.html leží v koreni priečinka, ktorý publikujete, nie vo vnorenom.

5. Celá trasa

Teraz sú všetky časti na mieste a dajú sa spojiť do jedného reťazca.

Zadáte adresu. Prehliadač zistí v adresári mien IP pre doménu, obráti sa na server, ten podľa path nájde súbor a pošle ho. Prehliadač dostane ten istý HTML text, ktorý by mohol ležať na vašom disku, a vykreslí stránku.

Hlavné je toto: prehliadač vykreslí značkovanie a štýly rovnako, či súbor prišiel z disku alebo zo servera. Rozdiel je v tom, kto ďalší sa k tomuto súboru dostane. Pravda, niektoré možnosti JavaScriptu prehliadač pri otvorení z disku obmedzuje, preto sa stránka na serveri niekedy správa úplnejšie ako tá istá stránka lokálne.

6. Hosting

Server v dátovom centre nemáte a ani ho nepotrebujete. Existuje hosting - prenajatý server: odovzdáte mu priečinok so stránkou, on ho umiestni na svoj vždy zapnutý server a vráti vám verejný odkaz. To je všetko.

Odkaz bude na doméne hostingu a vaše meno stojí vľavo: landing-demo.tiiny.site, meno.github.io. Doména patrí hostingu, vy dostanete meno pred ňou: niekedy si ho vyberiete sami, niekedy ho hosting pridelí. Môžete mať aj vlastnú doménu ako mysite.com, ale o jej kúpe a nastavení teraz hovoriť nebudeme: aby ste ukázali stránku, nepotrebujete ju.

Pre stránky z hotových súborov, ktoré nepotrebujú program na serveri (takým sa hovorí statické, to je samostatná téma), existujú aj bezplatné hostingy. Stať sa administrátorom servera nebudete musieť.

7. Nasadenie

A slovo, kvôli ktorému sa to celé začalo. Nasadenie, od anglického deploy: kopírujete svoje súbory tam, kde sú dostupné nielen vám - z vášho disku na server hostingu. Priečinok zostáva u vás a objaví sa aj tam.

Po nasadení leží ten istý priečinok na dvoch miestach a odkaz ukazuje na ten vpravo. Ten vľavo nikam nezmizol, môžete s ním ďalej pracovať.

Čo presne sa prenáša:

landing/
  index.html
  style.css
  img/
    hero.png

Publikuje sa celý landing/, takže style.css a obrázky stále ležia vedľa index.html a nájdu sa na tých istých cestách. A index.html je v koreni tohto priečinka. Ak publikujete priečinok o úroveň vyššie, na odkaze sa otvorí zoznam priečinkov alebo prázdna stránka.

Ako sa priečinok dostane na server, každý hosting rieši po svojom. Najjednoduchší ručný spôsob: otvoriť web hostingu, pretiahnuť tam priečinok alebo archív so súbormi a stlačiť tlačidlo nasadenia. Dá sa to aj príkazom v termináli alebo cez repozitár. Podstata je rovnaká: kópia vášho priečinka na ich serveri. Spôsob závisí aj od toho, kto nasadenie robí: vy môžete cez web, agent len príkazom.

Dve slová odtiaľto budete stretávať stále. Lokálne - vo vašom počítači, iba pre vás. Vonku - na serveri, pre všetkých. Nasadenie je most medzi nimi a je kratší, ako sa zdá: jeden priečinok a jedna jeho kópia.

8. Ako aktualizovať nasadené

Opravili ste nadpis v index.html, obnovili ste stránku v telefóne - tam je starý. Tak to má byť. na hostingu leží kópia z okamihu nasadenia a vy ste opravili originál. Aby sa na odkaze objavila nová verzia, priečinok treba poslať znova: aktualizácia je opakované nasadenie.

Je tu jedna jemnosť. Poslať znova na tú istú adresu môžete, len ak vás hosting spozná. Preto existujú dva druhy odkazov.

Dočasný. Niektoré hostingy dajú odkaz úplne bez účtu - na ukážku a diskusiu. Žije krátko: napríklad pri Tiiny Host približne hodinu. Hosting si aj pri ňom môže vypýtať e-mail, nie je to registrácia, ale spôsob, ako nahrávku s niečím prepojiť. Takýto odkaz sa nedá aktualizovať, priečinok môžete len nasadiť znova pod novou adresou.

Trvalý. S účtom odkaz nezmizne, adresu si môžete vybrať, stránku aktualizovať aj odstrániť; bezplatné plány majú zvyčajne obmedzený počet webov a aktualizácií. Účet je zadarmo na tých istých hostingoch, ktoré dávajú dočasné odkazy. Spolu s ním dostanete kľúč, ale nie vždy ho potrebujete.

Ak nasadenie robí agent, rozdiel medzi prvým nasadením a aktualizáciou je v jednej vete:

Nasaď priečinok landing na hosting. Potrebujem odkaz, ktorý sa dá otvoriť v telefóne.

Opravil som nadpis v index.html. Nasaď landing znova na tú istú adresu, ak sa to podarí.

Druhá požiadavka je férová. "Ak sa to podarí" necháva na agentovi, či to bude dočasný alebo trvalý odkaz, a on povie, aký vyšiel. Odpovede agenta neukazujem: pri každom hostingu a skille sú iné.

9. Prístupový kľúč

Účet na hostingu dáva prístupový kľúč: dlhý reťazec písmen a číslic, podľa ktorého vás hosting spozná. Keď pracujete ručne, nepotrebujete ho: prihlásili ste sa do účtu na webe, pretiahli priečinok, stlačili nasadenie - hosting aj tak vie, kto ste. Kľúč potrebuje agent: cez web nejde, priečinok posiela príkazom a hosting príkaz spozná len podľa kľúča. S kľúčom nasadenie uloží súbory na vašu trvalú adresu, bez neho vznikne len dočasný odkaz.

Kľúč má vlastné miesto, odkiaľ si ho nástroje prečítajú sami: premenná prostredia alebo súbor, ktorý skill na nasadenie otvorí bez vás. Keď sa skill spýta, kam kľúč uložiť, odpovedzte miestom, nie reťazcom v chate.

Býva to aj naopak: kľúč príde do konverzácie sám, ako odpoveď služby na požiadavku agenta. Vtedy ho uložte na to miesto a pamätajte, že konverzácia už tajomstvo videla.

Na prvú publikáciu kľúč nepotrebujete: stačí dočasný odkaz alebo nahratie cez web.

10. Ako to funguje s Claude Code

Keď poprosíte agenta "nasaď to", stane sa zhruba toto.

• Agent sa pozrie na priečinok a vidí stránku z hotových súborov. Ak skill pre hosting nemá, navrhne ho nainštalovať alebo sa spýta, kam nasadzovať. Hosting si vyberáte vy.
• Odoslanie robí príkazom. V režimoch, v ktorých agent žiada povolenie, príkaz vidíte pred spustením: je v ňom napísané, ktorý priečinok a kam posiela, a oplatí sa ho prečítať, nie kliknúť na "áno" zo zvyku. Ak o potvrdenie nežiada - také režimy existujú a môžu byť zapnuté hneď od začiatku - požiadajte ho, aby vám príkaz a priečinok ukázal pred odoslaním.
• Výsledkom je odkaz v odpovedi agenta. Otvorte ho v telefóne: agent druhé zariadenie nemá a sám to neoverí.
• Aktualizácia je tá istá prosba, "nasaď znova". Na tú istú adresu sa to podarí, len ak vás hosting spozná podľa kľúča. Inak agent férovo vráti nový dočasný odkaz, a to nie je chyba.
• E-mail pre dočasný odkaz si agent vypýtať môže, to nie je tajomstvo. Kľúč nie: ak si ho vypýtal, odpoveďou je miesto, odkiaľ sa dá kľúč prečítať, nie reťazec v chate.