Alapfogalmak, WWW, HTTP WEB technológiák
Dr. Tóth Zsolt Miskolci Egyetem
2015
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
1 / 34
Hálózati Alapfogalmak
Internet
Tartalomjegyzék
1
Hálózati Alapfogalmak Internet ˝ Eroforrás Azonosítás Kliens – Szerver Architektúra
2
World Wide Web Felépítése HTTP Protokoll HTTP Commands HTTP Status Codes
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
2 / 34
Hálózati Alapfogalmak
Internet
Internet protokol
TCP Adó
IP Legelterjedtebb hálózati protokoll Csomagkapcsolt ˝ független Alsóbb rétegektol Adatkapcsolati Fizikai
1 2 3
Vevo˝ 1 2 3
Dr. Tóth Zsolt (Miskolci Egyetem)
Adat csomagolása ˝ o˝ kód hiba ellenorz Küldés
Alapfogalmak, WWW, HTTP
Fogadás ˝ Ellenorzés Összeillesztés
2015
3 / 34
Hálózati Alapfogalmak
Internet
Gépek azonosítása
IPv4
Alhálózati maszk Alhálózatok létrehozása
32bit = 4 byte
32bit
xxx.xxx.xxx.xxx
255.255.255.0
"Egyedi" címek (NAT) IPv6 ˝ kompatibilis Felülrol 128bit = 16byte Egyedi címek
Dr. Tóth Zsolt (Miskolci Egyetem)
192.168.2.1/24 NAT Hálózat elrejtése Kérés kifele X Szolgáltatás kifele X
Alapfogalmak, WWW, HTTP
2015
4 / 34
Hálózati Alapfogalmak
Internet
Domain Name System IP cím ↔ név leképzés Top Level Domain
Hierarchikus felépítés
Hierarchia teteje Kategória csoportok
Gyökere a "." Világ méretu, ˝ elosztott
gov, edu, net, com, org, mil
DNS szerverek Minden gép pontosan egy domain–hez tartozik.
Country Code TLD
Egy domain–ben több gép lehet.
hu, es, ru, au, gb, us
www.iit.uni-miskolc.hu. www.abc.net.au.
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
5 / 34
Hálózati Alapfogalmak
˝ Eroforrás Azonosítás
˝ Eroforrás
Statikus tartalom
Dinamikkus tartalom Szerver szolgáltatás
Szöveg
SSH FTP HTTP
HTML kép audio
Generált tartalom CGI PHP, Phyton JSP, ASP
Bináris állomány dokumentum ...
Dr. Tóth Zsolt (Miskolci Egyetem)
Web szolgáltatás Servlet
Alapfogalmak, WWW, HTTP
2015
6 / 34
Hálózati Alapfogalmak
˝ Eroforrás Azonosítás
URI, URN
Unified Resource Identifier ˝ Eroforrás azonosítása ˝ Gyujt ˝ ofogalom URL URN
Dr. Tóth Zsolt (Miskolci Egyetem)
Unified Resource Name Név alalpú Ritkán használt ISBN
Alapfogalmak, WWW, HTTP
2015
7 / 34
Hálózati Alapfogalmak
˝ Eroforrás Azonosítás
URL
Felépítése Unified Resource Locator
protokoll
Hely alapú
kiszolgáló
Gyakran használt
port ösvény
http:// localhost: 8080/ MyPage/idenx.html https:// jerry.iit.uni-miskolc.hu / svntzs/webtech
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
8 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
Kliens – Szerver Architektúra
Egyszeru˝ Gyakori Hálózat centrikus Réteges felépítésu˝ Szerver Kliens
Kötött szerepek
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
9 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
˝ "Lekérdezés" SVN–bol
Saját gépen elindítod a TortoiseSVN–t Repository kijelölése (URL) Kérés fogadja az svnserve procesz Authentikáció, név/jelszó megadása svnserve továbbítja az adatokat a LDAP kiszolgálóhoz. Sikeres authentikáció és megfelelo˝ jogok esetén az svnserve ˝ érkezo˝ kérést. kiszolgálja a TortoiseSVN klienstol
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
10 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
Kliens – Szerver Architektúra
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
11 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
Kliens
Vékony kliens Egyszeru˝ alkalmazás
Vastag kliens Bonyolult alkalmazás
Browser
Megjelenítés
Megjelenítés Minimális logika
Üzleti logika Telepítés Minden kliensre ¿ Verziókövetés ?
˝ Érték ellenorzés
Olcsó hardware ˝ Kis eroforrásigény Webes alkalmazások
Dr. Tóth Zsolt (Miskolci Egyetem)
˝ Nagyobb eroforrásigény Drágább hardware Online Játékok SC2
Alapfogalmak, WWW, HTTP
2015
12 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
Szerver
Alkalmazás, (nem gép) ˝ Eroforrás igényes Fix IP cím, egy belépési pont Fizikailag több gép GRID Cloud Computing
Összetett rendszerek Adatbázis Szerver Web Szerver Alkalmazás Szerver
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
13 / 34
Hálózati Alapfogalmak
Kliens – Szerver Architektúra
N–rétegu˝ Architektúra
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
14 / 34
World Wide Web
Felépítése
Tartalomjegyzék
1
Hálózati Alapfogalmak Internet ˝ Eroforrás Azonosítás Kliens – Szerver Architektúra
2
World Wide Web Felépítése HTTP Protokoll HTTP Commands HTTP Status Codes
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
15 / 34
World Wide Web
Felépítése
Kezdetek
Hypertext rendszer 1990-91 Elso˝ web szerver Terjedés (’91-’95) Üzeletiesedés (’95-2000) Dot–com bubble (’97-2000) Napjaink Közösségi hálózatok Multimédia
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
16 / 34
World Wide Web
Felépítése
Architektúra
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
17 / 34
World Wide Web
Felépítése
Web Server
Számos implemetáció (Netcraft 2013. május)
Alkalmazás Host-on fut Fix IP Porton figyel (80,8080,. . . ) Kérést fogad, kiszolgál
Dr. Tóth Zsolt (Miskolci Egyetem)
1
Apache (≈53%)
2
M$ (≈16%)
3
nginx (≈15%)
4
Google (≈3%)
Alapfogalmak, WWW, HTTP
2015
18 / 34
World Wide Web
Felépítése
HyperText Transfer Protocol
Információ átviteli protokoll Alkalmazás szintu˝ protokoll Kérés–válasz alapú Definiál
HTTPS Nem önálló protokoll Titkosított adatfolyamra épít Secure Socket Layer Transport Layer Security
Metódusok Státusz kódok (404)
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
19 / 34
World Wide Web
Felépítése
HTML
1
Plain Text Leíró nyelv
3
Tag-ek 5
Szabvány ˝ Böngészofügg o˝
Dr. Tóth Zsolt (Miskolci Egyetem)
7
Alapfogalmak, WWW, HTTP
2015
20 / 34
World Wide Web
Felépítése
Browser
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
21 / 34
World Wide Web
Felépítése
Browser Tesztek
http://www.acidtests.org/
http://html5test.com/
Régi 3 teszt 1 2 3
HTML 5 szabvány alapú Nem teljes teszt
Egyszeru˝ "Box"–ok (’99) Smile ábra, CSS (2005) Document Object Model (2008)
Dr. Tóth Zsolt (Miskolci Egyetem)
˝ összehasonlítása Böngészok Chrome 26 499/555 Firefox 26.0 446/555
Alapfogalmak, WWW, HTTP
2015
22 / 34
World Wide Web
Felépítése
Browser Statisztika (W3Schools 2013)
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
23 / 34
World Wide Web
HTTP Protokoll
HTTP Protokoll
Alkalmazás szintu˝ protokoll
Definiál
Kérés – Válasz alapú Kliens Szerver modell Verziók
Metódusokat Státusz kódokat
Kliensek Browser Web robot Mobil alkalmazások
HTTP/0.9 HTTP/1.0 HTTP/1.1
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
24 / 34
World Wide Web
HTTP Protokoll
HTTP Methods
HEAD GET POST PUT DELETE
Dr. Tóth Zsolt (Miskolci Egyetem)
TRACE OPTIONS CONNNECT PATCH
Alapfogalmak, WWW, HTTP
2015
25 / 34
World Wide Web
HTTP Protokoll
GET, HEAD
GET safe idempotens Oldal lekérése URL encoding GET path HTTP/1.1
Dr. Tóth Zsolt (Miskolci Egyetem)
HEAD safe idempotens Csak a head–et kéri le HEAD path HTTP/1.1
Alapfogalmak, WWW, HTTP
2015
26 / 34
World Wide Web
HTTP Protokoll
POST, PUT, TRACE
POST
PUT
Kérés, csatolt tartalom
Csatolt tartalom tárolása
Imseri a feldolgozót Adatok a kérés fejlécében Nagyobb adatmennyiség Üzenetek File–ok Rekord felvitel
Dr. Tóth Zsolt (Miskolci Egyetem)
Fájl feltöltés TRACE Kérés visszaküldése Hálózati útvonal vizsgálata
Alapfogalmak, WWW, HTTP
2015
27 / 34
World Wide Web
HTTP Protokoll
HTTP Status Codes Kategóriák Válasz része
1XX Információ (Informational)
Szerver küldi
2XX Sikeres (Successful)
Kliens feldolgozza
3XX Átirányítás (Redirection)
Kommunikáció
Kategorizált Értelmezheto˝ Nem csak hiba jelzés
Dr. Tóth Zsolt (Miskolci Egyetem)
4XX Hibás kérés (Bad Request) 5XX Szerver oldali hiba (Sever Error)
Alapfogalmak, WWW, HTTP
2015
28 / 34
World Wide Web
HTTP Protokoll
1XX
100 Continue
˝ HTTP/1.1–tol Header nem szükséges Kliensnek támogatnia kell Imeretlen 1XX → Ignore
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
101 Switching Protocols HTTP/1.0 ↓ HTTP/1.1
2015
29 / 34
World Wide Web
HTTP Protokoll
2XX 200 OK GET HEAD POST TRACE 201 Created
Kérés Fogadva Értelmezve Elfogadva
2012 Accepted 203 Non–Authoritative Information 204 No Content 205 Reset content 206 Partial cntent
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
30 / 34
World Wide Web
HTTP Protokoll
3XX
300 Multiple chices 301 Moved Permanently
User Agent–nek szól Automatikus végrehajtás Tipukusan HEAD GET
302 Found 303 See Other 304 Not Modified
További lekérdezések
305 Use Proxy
Más kiszolgáló
306 Unused 307 Temporary Redirect
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
31 / 34
World Wide Web
HTTP Protokoll
4XX
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
32 / 34
World Wide Web
HTTP Protokoll
4XX
400 Bad Request Kliens odali hiba
401 Unauthorized
Bármilyen kérésre lehet válasz Lehet
402 Payment Required
Ideiglenes Permanens
403 Forbidden 404 405 Method Not Allowed 406 Not Acceptable
User Agent megjeleníti
...
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
2015
33 / 34
World Wide Web
HTTP Protokoll
5XX
501 Not Implemented 502 Bad Gateway
Szerver oldali hiba Bármilyen kérésre lehet válasz
Dr. Tóth Zsolt (Miskolci Egyetem)
Alapfogalmak, WWW, HTTP
503 Servie Unavailable 504 Gateway Timeout 505 HTTP Version Not Supported
2015
34 / 34