• Publikování na webu (typy hostingů)

Publikování na webu (typy hostingů)

• Na úvodním semináři jsme společně vytvářeli webové stránky v HTML a CSS

• Ve skutečnosti se v téhle době stránky v samotném HTML moc často nepíšou

  • Integrace s JavaScriptem, který stránce dodává interaktivitu, je složitá a nepřehledná.
  • Používají se tzv. webové frameworky (např. React, Vue, Svelte), tedy knihovny, které se následně kompilují (překládají) do HTML, CSS a JavaScriptu
  • Webové frameworky nám umožňují psát jednodušší syntax, těžkou práci za nás udělá překladač (web sice píšete v JavaScriptu, ale pomocí knihovních funkcí, které za vás překladač přepíše do podoby, kterou umí spustit prohlížeč)

• Otázka poté je, kde se samotný obsah vykreslí

  • Client-side rendering -- Obsah webu je jeden malý HTML soubor a velký soubor s JavaScriptem, který obstará vykreslení přímo v prohlížeči
  • Server-side rendering -- Pošlete request na server, ten spustí JavaScript, vykreslí a pošle vám jen už vykreslené HTML

• Webové frameworky nemusí být nutně jen v JavaScriptu. V Pythonu máme např. Django, FastAPI nebo Flask.

• Vy si můžete zkusit stránku naservírovat z Linuxového serveru z minulé hodiny.

• Na serveru je file server, kterému když pošlete request, tak vám vrátí HTML (nebo jiné soubory).

Postup je následující:

1. Pomocí SSH se připojte na server
2. Ve vašem domovském adresáři (dostanete se do něj pomocí příkazu cd ~) vytvořte složku public_html.
3. Poté rozběhněte tyto příkazy:

   chmod 711 ~
   chmod 755 ~/public_html

4. Ve složce public_html vytvořte index.html, do kterého dejte kód vaší stránky (pro otestování stačí jen h1 nebo samotný text).
5. V prohlížeči navštivte http://charybdis.alej.cz:8000/~username/, kde místo username dáte vaše přihlašovací jméno na Linuxový server.

Příklad takové stránky je http://charybdis.alej.cz:8000/~martin/.

Další materiály:

• https://www.youtube.com/watch?v=ObrSuDYMl1s
• https://www.youtube.com/watch?v=p02AIAoImzU