Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
| Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
| spse:pm3:client-server [2020/09/15 18:15] – jenda | spse:pm3:client-server [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1 | ||
|---|---|---|---|
| Řádek 7: | Řádek 7: | ||
| ====== 2. lekce - WWW stránky, webserver, komunikace server-client ====== | ====== 2. lekce - WWW stránky, webserver, komunikace server-client ====== | ||
| - | |||
| - | ===== www.stránky ===== | ||
| - | ** WorldWideWeb ** | ||
| - | * provázaná síť dokumentů na Internetu: | ||
| - | * statické dokumenty (zobrazeny bez změny vždy stejně). | ||
| - | * dynamické dokumenty (vytváří se podle určených parametrů a požadavků uživatele) | ||
| - | * [[https:// | ||
| - | |||
| - | ==== Vrstvy webové stránky ==== | ||
| - | * Struktura | ||
| - | * (X)HTML | ||
| - | * Prezentační vrstva | ||
| - | * CSS | ||
| - | * Vrstva chování | ||
| - | * klientské skriptovací jazyky | ||
| - | * JavaScript | ||
| - | * serverové skriptovací jazyky | ||
| - | * PHP | ||
| - | * JAVA | ||
| - | * Python | ||
| - | * ... | ||
| - | |||
| - | ==== Internetové prohlížeče ==== | ||
| - | * Google Chrome | ||
| - | * Safari | ||
| - | * Mozilla Firefox | ||
| - | * Samsung Internet | ||
| - | * Edge Legancy | ||
| - | * [[https:// | ||
| ===== Komunikace client - server ===== | ===== Komunikace client - server ===== | ||
| Řádek 58: | Řádek 29: | ||
| ==== TCP/IP (opakování) ==== | ==== TCP/IP (opakování) ==== | ||
| - | + | ----> | |
| - | {{: | + | {{: |
| + | <---- | ||
| ==== IP adresa (opakování) ==== | ==== IP adresa (opakování) ==== | ||
| * Číslovaný seznam jednoznačně identifikuje zařízení v počítačové síti | * Číslovaný seznam jednoznačně identifikuje zařízení v počítačové síti | ||
| - | **IPv4:** | + | * **IPv4:** |
| - | * doposud stále nejrozšířenější verze | + | * doposud stále nejrozšířenější verze |
| - | * adresou je 32bitové číslo zapisované po jednotlivých bajtech (celkem | + | * adresou je 32bitové číslo zapisované po jednotlivých bajtech (celkem 4 294 967 296 možností) |
| - | * např. 158.196.128.1 | + | * např. 158.196.128.1 |
| - | * část adresy je vyhrazena pro identifikaci sítě, část pro identifikaci podsítě a část pro identifikaci počítače uvnitř sítě (toto rozdělení určuje tzv. maska sítě) | + | * **IPv6:** |
| - | **IPv6:** | + | * nová verze řešící problémy s nedostatkem adres a bezpečností |
| - | * nová verze řešící problémy s nedostatkem adres a bezpečností | + | * adresou je 128bitové číslo zapisované jako osm skupin po čtyřech hexadecimálních číslicích |
| - | * adresou je 128bitové číslo zapisované jako osm skupin po čtyřech hexadecimálních číslicích | + | * např. 2001: |
| - | * např. 2001: | + | |
| ==== DNS ==== | ==== DNS ==== | ||
| + | * www.wikipedia.org < = > 91.198.174.192 | ||
| + | * www.skolakrizik.cz < = > 81.31.35.118 | ||
| + | * www.seznam.cz < = > 77.75.75.172 | 77.75.75.176 | ||
| + | * [[http:// | ||
| + | ----> | ||
| + | {{: | ||
| + | <---- | ||
| + | ===== Webserver ===== | ||
| + | * Počítač, který je odpovědný za vyřizování požadavků HTTP od klientů (nejčastěji webových prohlížečů). Vyřízením požadavků se rozumí odeslání cíle specifikovaného URL (typicky webová stránka, ale též statický text, obrázek či jiný soubor). Webové stránky jsou obvykle dokumenty v jazyku HTML. | ||
| + | * Počítačový program, který provádí činnosti popsané v předchozím bodě (daemon). | ||
| + | * Apache | ||
| + | * Nginx | ||
| + | * IIS | ||
| + | * ... | ||
| + | ----> | ||
| + | {{: | ||
| + | <---- | ||
| + | ----> | ||
| + | {{: | ||
| + | <---- | ||
| + | ==== HTTP(S) ==== | ||
| + | * protokol pro přenos stránek mezi webovým serverem a prohlížečem | ||
| + | * protokol funguje způsobem dotaz-odpověď | ||
| + | * uživatel (pomocí internetového prohlížeče) pošle serveru dotaz ve formě holého textu, obsahujícího označení požadovaného dokumentu | ||
| + | * server následně odpoví pomocí několika řádků textu, popisujících výsledek dotazu (zda se dokument podařilo najít nebo ne apod.) | ||
| + | * hned potom následuje tělo požadovaného dokumentu | ||
| - | * www.wikipedia.org < = > 145.97.39.155 | + | ----> |
| - | * www.vsb.cz < = > 158.196.149.9 | + | === HTTP Request === |
| - | * gislinb.vsb.cz < = > 158.196.143.62 | + | |
| - | * Seznam kořenových serverů | + | |
| - | {{:spse:pm3:pasted:20200915-181534.png}} | + | <code html> |
| + | GET /hello.htm HTTP/1.1 | ||
| + | User-Agent: Mozilla/4.0 (compatible; | ||
| + | Host: www.tutorialspoint.com | ||
| + | Accept-Language: en-us | ||
| + | Accept-Encoding: gzip, deflate | ||
| + | Connection: Keep-Alive | ||
| + | </ | ||
| + | <---- | ||
| + | ----> | ||
| + | === HTTP response === | ||
| - | ===== Webserver ===== | + | <code html> |
| + | HTTP/1.1 200 OK | ||
| + | Date: Mon, 27 Jul 2009 12:28:53 GMT | ||
| + | Server: Apache/ | ||
| + | Last-Modified: | ||
| + | Content-Length: | ||
| + | Content-Type: | ||
| + | Connection: Closed | ||
| - | ==== HTTP(S) ==== | + | < |
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <---- | ||
| - | ==== URL ==== | ||
| + | ----> | ||
| + | === HTTP Metody === | ||
| + | * metoda GET < | ||
| + | * metoda POST < | ||
| + | POST / | ||
| + | Host: w3schools.com | ||
| + | name1=value1& | ||
| + | </ | ||
| + | <---- | ||
| + | ==== URL ==== | ||
| + | * řetězec znaků identifikující abstraktní nebo fyzický zdroj | ||
| + | * identifikuje zdroje na základě jejich síťové lokace | ||
| + | * zjednodušený < | ||
| + | * kompletní < | ||
| + | ===== www stránky ===== | ||
| + | ** WorldWideWeb ** | ||
| + | * provázaná síť dokumentů na Internetu: | ||
| + | * statické dokumenty (zobrazeny bez změny vždy stejně). | ||
| + | * dynamické dokumenty (vytváří se podle určených parametrů a požadavků uživatele) | ||
| + | * [[https:// | ||
| + | ==== Vrstvy webové stránky ==== | ||
| + | * Struktura | ||
| + | * (X)HTML | ||
| + | * Prezentační vrstva | ||
| + | * CSS | ||
| + | * Vrstva chování | ||
| + | * klientské skriptovací jazyky | ||
| + | * JavaScript | ||
| + | * serverové skriptovací jazyky | ||
| + | * PHP | ||
| + | * JAVA | ||
| + | * Python | ||
| + | * ... | ||
| + | |||
| + | ==== Internetové prohlížeče ==== | ||
| + | * Google Chrome | ||
| + | * Safari | ||
| + | * Mozilla Firefox | ||
| + | * Samsung Internet | ||
| + | * Edge Legancy | ||
| + | * [[https:// | ||
| + | < | ||
| + | === Zdroje === | ||
| + | * https:// | ||
| + | * https:// | ||
| + | </ | ||