Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Web fejlesztés II. Illés Zoltán ELTE Informatikai Kar

Hasonló előadás


Az előadások a következő témára: "Web fejlesztés II. Illés Zoltán ELTE Informatikai Kar"— Előadás másolata:

1 Web fejlesztés II. Illés Zoltán ELTE Informatikai Kar

2 A Web programozás jelentése Statikus oldalak hiányosságai Kliens-Szerver együttműködés Kliens Pull, szerver push Interaktív HTML elemek Kliens programok Szerver oldali programok SSI, CGI

3 Félévi tematika HTML interaktív elemek SSI, CGI jelentése,használata Javascript –http://developer.mozilla.org/en/docs/JavaScript/http://developer.mozilla.org/en/docs/JavaScript/ –http://developer.mozilla.org/en/docs/DOM/ Shell script PHP –http://www.php.net AJAX –http://developer.mozilla.org/en/docs/AJAX/http://developer.mozilla.org/en/docs/AJAX/

4 HTTP protokoll RFC HTTP 1.0, 1990 RFC HTTP 1.1, 1999 Letölthető: –http://www.w3.org/Protocols/rfc2616/rfc2616.htmlhttp://www.w3.org/Protocols/rfc2616/rfc2616.html Default TCP port: 80 HTTP üzenet: Kérés vagy Válasz –A kérés, válasz formátumok azonosak –Formátum: fejlécsor(ok) CRLF törzs –Kérés fejléc felépítése: Típus(GET,HEAD,stb) SP URI SP [HTTP version] Kérés fejlécek közt a Host fejlécsor használata gyakori. –A válasz fejlécsor felépítése: HTTP version SP Status Code SP Status szöveg

5 Kliens szerver együttműködés Kliens –Egy kliens program(jellemzően böngésző) a 80-as TCP portra küld egy http kérést –Böngésző címsorban adott oldal megadás (http, https, ftp) –HTML oldal egy eleme (form) kérést küld Szerver –HTTP kiszolgáló elküldi a válaszlapot –Elindít egy programot, aminek eredményét, mint válaszlapot küldi el. –Elindít egy vagy több programot ami(k)nek eredménye a válaszlap része

6 Válasz jellemzők HTTP szerver verzió Válasz státuszkódja (200=OK, stb.) –300-as kódcsoport, kliensnek valamit tenni kell még –400-as kódcsoport, hiba –500-as kódcsoport, szerver hiba Válasz fejléc, kódhoz tartozik –Pl. 401, jelszó kell, kérjen a kliens és küldje el a WWW- Authenticate fejléccel megadott módon Tartalom –Fejlécsor(ok)(Content-Type: text/html ) –CRLF –HTML oldal

7 HTTP kapcsolat példa telnet parancs kiadása Set crlf// return==CR&LF, nem fontos o gépnév 80; port szám:80 GET / HTTP/1.1 ; fődokumentum Host: gépnév –A telnet miatt a HTTP/1.1 verzió adat nem kell(het). CRLF … Válasz Természetesen akár a putty terminál kliens is használható. A http protokoll verziószám IIS esetén nem kell.

8 Kliens Pull tartalomcsere A html oldal tartalmaz egy frissítési utasítást (refresh)

9 Szerver push tartalomfrissítés A szerver gépen a választ adó program, több oldalt küld, egymás után. Content-type= multipart/x-mixed; boundary=elvalasztas --elvalasztas Szabályos html oldal --elválasztás Újabb szabályos oldal Stb. --elvalasztas– (vége)

10 HTML interaktív elemei I. Input elem – –type=text Readonly paraméter –type=hidden –type=password

11 HTML interaktív elemei II. – Alma

12 HTML interaktív elemei III. Szövegterület mező – Írj ide valamit…. – Select (választó) elem – 100 Ft. 200 Ft. … –

13 HTML interaktív elemei IV. File feltöltés – Form – Input elemek –

14 Form Post adatküldés Post –A form összes input adata a feldolgozó program std. input-jára kerül. –Az adatokat az & jel köti össze. –.,?,!,+,stb. kódolva (%xx), hexa formában –Az adatok a HTTP kérés törzsében!!! utaznak –Példa: POST /program.php HTTP/1.1 Host: almafa.elte.hu …ez egy üres sor…. alma=golden&barack=sárga

15 Form GET adatküldés Get –QUERY_STRING környezeti változóba kerül az adat –Ez az adat a böngésző címsorában is látszik arack=sárga –Ez a HTTP 1.1 alapján az alábbi kérésnek felel meg: POST /program.php?alma=golden&barack=sárga HTTP/1.1 Host: almafa.elte.hu

16 Legfontosabb környezeti változók REQUEST_METHOD (Get,Post) REMOTE_ADDR –Kérést küldő gép ip. Címe (a.b.c.d) REMOTE_HOST –Kérést küldő gép neve (valami.elte.hu) HTTP_USER_AGENT –A kérést küldő böngésző típusa

17 SSI, Server Side Include Nem készít teljes html oldalt Parancsok száma erősen kiszolgálófüggő –Irix-en a file név relatív!! –Az irix-en a parancsnév teljes név!! A HTML oldalon is van X jog! #!/usr/bin/sh Példa: ssi.htm

18 CGI, Common Gateway Interface Nem programozási nyelv Teljes oldal küldés Kliens->szerver közötti adatátadás módja(karakteres adatcsere)(get,post) Kötelező tartalomleíró fejlécsort küldeni A fejlécsor(ok) után üres sort is kötelező küldeni (RFC 2616) Irix-en az action értéke relatív név, kiterjesztése cgi vagy pl.

19 SSI, CGI programeszközei Tetszőleges programozási nyelv (c++) Shell script PHP (Programmable Hypertext Preprocesszor) …és még sokan mások

20 Köszönöm a figyelmet! Illés Zoltán Budapest, Pázmány Péter sétány 1/c


Letölteni ppt "Web fejlesztés II. Illés Zoltán ELTE Informatikai Kar"

Hasonló előadás


Google Hirdetések