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
Tartalomjegyzék Hálózati Alapfogalmak Internet 1 Hálózati Alapfogalmak Internet Erőforrá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
Internet protokol Hálózati Alapfogalmak Internet IP Legelterjedtebb hálózati protokoll Csomagkapcsolt Alsóbb rétegektől független Adatkapcsolati Fizikai TCP Adó 1 Adat csomagolása 2 hiba ellenőrző kód 3 Küldés Vevő 1 Fogadás 2 Ellenőrzés 3 Összeillesztés Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 3 / 34
Hálózati Alapfogalmak Internet Gépek azonosítása IPv4 32bit = 4 byte xxx.xxx.xxx.xxx "Egyedi" címek (NAT) IPv6 Felülről kompatibilis 128bit = 16byte Egyedi címek Alhálózati maszk Alhálózatok létrehozása 32bit 255.255.255.0 192.168.2.1/24 NAT Hálózat elrejtése Kérés kifele Szolgáltatás kifele X Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 4 / 34
Hálózati Alapfogalmak Internet Domain Name System IP cím név leképzés Hierarchikus felépítés Gyökere a "." Világ méretű, elosztott DNS szerverek Minden gép pontosan egy domain hez tartozik. Egy domain ben több gép lehet. Top Level Domain www.iit.uni-miskolc.hu. www.abc.net.au. Hierarchia teteje Kategória csoportok gov, edu, net, com, org, mil Country Code TLD hu, es, ru, au, gb, us Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 5 / 34
Hálózati Alapfogalmak Erőforrás Azonosítás Erőforrás Statikus tartalom Szöveg HTML kép audio Bináris állomány dokumentum... Dinamikkus tartalom Szerver szolgáltatás SSH FTP HTTP Generált tartalom CGI PHP, Phyton JSP, ASP Web szolgáltatás Servlet Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 6 / 34
Hálózati Alapfogalmak Erőforrás Azonosítás URI, URN Unified Resource Identifier Erőforrás azonosítása Gyűjtőfogalom URL URN Unified Resource Name Név alalpú Ritkán használt ISBN Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 7 / 34
Hálózati Alapfogalmak Erőforrás Azonosítás URL Unified Resource Locator Hely alapú Gyakran használt Felépítése protokoll kiszolgáló 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 Egyszerű Gyakori Hálózat centrikus Réteges felépítésű 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 ből 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 megfelelő jogok esetén az svnserve kiszolgálja a TortoiseSVN klienstől érkező kérést. 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 Egyszerű alkalmazás Browser Megjelenítés Minimális logika Érték ellenőrzés Olcsó hardware Kis erőforrásigény Webes alkalmazások Vastag kliens Bonyolult alkalmazás Megjelenítés Üzleti logika Telepítés Minden kliensre Verziókövetés? Nagyobb erőforrásigény Drágább hardware Online Játékok SC2 Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 12 / 34
Hálózati Alapfogalmak Kliens Szerver Architektúra Szerver Alkalmazás, (nem gép) Erőforrá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 N rétegű Architektúra Kliens Szerver Architektúra Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 14 / 34
Tartalomjegyzék World Wide Web Felépítése 1 Hálózati Alapfogalmak Internet Erőforrá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 Első 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
Architektúra World Wide Web Felépítése Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 17 / 34
World Wide Web Felépítése Web Server Alkalmazás Host-on fut Fix IP Porton figyel (80,8080,... ) Kérést fogad, kiszolgál Számos implemetáció (Netcraft 2013. május) 1 Apache ( 53%) 2 M$ ( 16%) 3 nginx ( 15%) 4 Google ( 3%) Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 18 / 34
World Wide Web Felépítése HyperText Transfer Protocol Információ átviteli protokoll Alkalmazás szintű protokoll Kérés válasz alapú Definiál Metódusok Státusz kódok (404) HTTPS Nem önálló protokoll Titkosított adatfolyamra épít Secure Socket Layer Transport Layer Security Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 19 / 34
HTML World Wide Web Felépítése Plain Text Leíró nyelv Tag-ek Szabvány Böngészőfüggő 1 <html> <head> 3 <!-- Meta adatok --> </head> 5 <body> <!-- Tartalom --> 7 </body> </html> Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 20 / 34
Browser World Wide Web Felépítése Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 21 / 34
Browser Tesztek World Wide Web Felépítése http://www.acidtests.org/ Régi 3 teszt 1 Egyszerű "Box" ok ( 99) 2 Smile ábra, CSS (2005) 3 Document Object Model (2008) http://html5test.com/ HTML 5 szabvány alapú Nem teljes teszt Böngészők összehasonlítása Chrome 26 499/555 Firefox 26.0 446/555 Dr. Tóth Zsolt (Miskolci Egyetem) 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 szintű protokoll Kérés Válasz alapú Kliens Szerver modell Verziók HTTP/0.9 HTTP/1.0 HTTP/1.1 Definiál Metódusokat Státusz kódokat Kliensek Browser Web robot Mobil alkalmazások Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 24 / 34
World Wide Web HTTP Protokoll HTTP Methods HEAD GET POST PUT DELETE TRACE OPTIONS CONNNECT PATCH Dr. Tóth Zsolt (Miskolci Egyetem) 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 HEAD safe idempotens Csak a head et kéri le HEAD path HTTP/1.1 Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 26 / 34
World Wide Web HTTP Protokoll POST, PUT, TRACE POST Kérés, csatolt tartalom Imseri a feldolgozót Adatok a kérés fejlécében Nagyobb adatmennyiség Üzenetek File ok Rekord felvitel PUT Csatolt tartalom tárolása Fájl feltöltés TRACE Kérés visszaküldése Hálózati útvonal vizsgálata Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 27 / 34
World Wide Web HTTP Protokoll HTTP Status Codes Kommunikáció Válasz része Szerver küldi Kliens feldolgozza Kategorizált Értelmezhető Nem csak hiba jelzés Kategóriák 1XX Információ (Informational) 2XX Sikeres (Successful) 3XX Átirányítás (Redirection) 4XX Hibás kérés (Bad Request) 5XX Szerver oldali hiba (Sever Error) Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 28 / 34
World Wide Web HTTP Protokoll 1XX HTTP/1.1 től Header nem szükséges Kliensnek támogatnia kell Imeretlen 1XX Ignore 100 Continue 101 Switching Protocols HTTP/1.0 HTTP/1.1 Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 29 / 34
World Wide Web HTTP Protokoll 2XX Kérés Fogadva Értelmezve Elfogadva 200 OK GET HEAD POST TRACE 201 Created 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 User Agent nek szól Automatikus végrehajtás Tipukusan HEAD GET További lekérdezések Más kiszolgáló 300 Multiple chices 301 Moved Permanently 302 Found 303 See Other 304 Not Modified 305 Use Proxy 306 Unused 307 Temporary Redirect Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 31 / 34
4XX World Wide Web HTTP Protokoll Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 32 / 34
World Wide Web HTTP Protokoll 4XX Kliens odali hiba Bármilyen kérésre lehet válasz Lehet Ideiglenes Permanens User Agent megjeleníti 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 405 Method Not Allowed 406 Not Acceptable... Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 33 / 34
World Wide Web HTTP Protokoll 5XX Szerver oldali hiba Bármilyen kérésre lehet válasz 501 Not Implemented 502 Bad Gateway 503 Servie Unavailable 504 Gateway Timeout 505 HTTP Version Not Supported Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 34 / 34