Toto je starší verze dokumentu!
2. lekce - WWW stránky, webserver, komunikace server-client
Komunikace client - server
Architektura klient - server
- klient–vstupní bod do internetu: PC, notebook, mobil…
- server–obsluhuje požadavky uživatele, zasílá požadované informace atd.
- data a výpočetní výkon jsou distribuovány po síti
- klient vyšle požadavek, server odpovídá
Typy klienta
- tlustý klient –obvykle rozsáhlá aplikace nebo softwarový balík
- většina dat je umístěna lokálně
- většina výpočetního výkonu je soustředěna na straně klienta
- tenký klient –malá rychlá aplikace (např. browser)
- většinu počítání nechává na serveru, zobrazuje pouze výsledky
TCP/IP (opakování)
IP adresa (opakování)
- Číslovaný seznam jednoznačně identifikuje zařízení v počítačové síti
- IPv4:
- doposud stále nejrozšířenější verze
- adresou je 32bitové číslo zapisované po jednotlivých bajtech (celkem 4 294 967 296 možností)
- např. 158.196.128.1
- IPv6:
- 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
- např. 2001:0718:1c01:0016:0214:22ff:fec9:0ca5
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
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ě (démon).
- 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
HTTP Request
GET /hello.htm HTTP/1.1 User-Agent: Mozilla/4.0 (compatible; MSIE5.01; Windows NT) Host: www.tutorialspoint.com Accept-Language: en-us Accept-Encoding: gzip, deflate Connection: Keep-Alive
HTTP response
HTTP/1.1 200 OK Date: Mon, 27 Jul 2009 12:28:53 GMT Server: Apache/2.2.14 (Win32) Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT Content-Length: 88 Content-Type: text/html Connection: Closed <html> <body> <h1>Hello, World!</h1> </body> </html>
HTTP Metody
- metoda GET
/test/demo_form.php?name1=val1&name2=val2
- metoda POST
POST /test/demo_form.php HTTP/1.1 Host: w3schools.com name1=value1&name2=value2
URL
- řetězec znaků identifikující abstraktní nebo fyzický zdroj
- identifikuje zdroje na základě jejich síťové lokace
- zjednodušený
protokol://host/cesta
- kompletní
protokol://uzivatel:heslo@host:port/cesta?parametry#odkaz
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)
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