Kaip veikia  

WEB'as ?

Parengė: Martynas Kašelionis

From zero to hero

Klasikinis web'o apibrėžimas

Žiniatinklis ( angl. World Wide Web-WWW) yra interneto grafinė hipertekstinė paslauga, naudojanti HTTP protokolą, tinklalapiams siųsti ir vaizduoti.

 

 

Tai populiariausia interneto paslauga, kurios veikimas pagrįstas hiperteksto naudojimo principu.

Kaip veikia WEB'as ?

Kliento - serverio technologija

Kaip veikia WEB'as ?

Ko reikia, kad klientas galėtų serveriui pasakyti "labas" ?

  • Prisijungimas prie interneto tinklo.
  • TCP/IP - komunikavimo protokolų, kurie apibrėžia, kaip duomenys keliauja interneto tinkle.
  • DNS - vardų serverių, kurie tam tikra prasme yra, kaip adresų knyga.
  • HTTP - hiperteksto perdavimo protokolo, kuris yra aplikacijos protokolas apibrežiantis kalbą, kuria bendrauja klientas su serveriu.

Trumpai

Kai suvedame adresą į naršyklę ar paspaudžiame nuorodą:

  • naršyklė siunčia užklausą į DNS serverio, kad galėtų nustatyti serverio IP adresą, kuria yra website'as su užklausiamu resursu.
  • naršyklė žinodama serverio IP adresą siunčia HTTP užklausos žinutę su prašymu atsiųsti website'o kopiją (ją dažniausiai sudaro HTML, CSS, JS kodas ir papildomi resursai). Žinutė ir kiti duomenys siunčiami naudojant internet prisijungimą ir TCP/IP protokolus.
  • Jeigu serveris patvirtina kliento užklausą, gražina žinutę: "200 OK", kuris reiškia, kad website'as su užklausiamu resursu surastas. Pradedami siųsti website'o failai.
  • Vartotojas ekrane turi website'ą.

 

​

Kaip veikia WEB'as ?

HTTP užklausų metodai

HTTP response code

  • 200 OK
  • 400 Bad Request
  • 401 Unauthorized
  • 403 Forbidden
  • 404 Not Found
  • 429 Too Many Requests
  • 500 Internal Server Error
  • 503 Service Unavailable

Daugiau:

https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

In action

GET http://kitm.lt/
Užklausos URL: http://kitm.lt/
Užklausos metodas: GET
Nuotolinis adresas: 194.135.87.96:80
Būsenos kodas: 200
Versija: HTTP/1.1

Užklausa:

Atsakymas:

Cache-Control	
no-store, no-cache, must-reval…te, post-check=0, pre-check=0
Connection	Upgrade, Keep-Alive
Content-Encoding	gzip
Content-Type	text/html; charset=UTF-8
Date	Mon, 03 Sep 2018 16:15:31 GMT
Expires	Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive timeout=2, max=100
Link <http://kitm.lt/wp-json/>; rel="https://api.w.org/"
Pragma	no-cache
Server	Apache
Set-Cookie PHPSESSID=kvk4bd95oa3tdcmanhus8rm2n2; path=/
Set-Cookie wpfront-notification-bar-landingpage=1
Transfer-Encoding	chunked
Vary	Accept-Encoding

HTTP

  • URI dalis http:// vadinama shema. Shema naršyklei nurodo, kad užklausai bus naudojamas HTTP protokolas.
  • HTTP yra tekstinis ir visai atvejais gražinamas plain tekstas.
  • Dabartinė HTTP specifikacija vadinama:  HTTP/2

HTTP/2

HTTP/2

HTTPS

  • https:// HTTP saugi versija, kuri naudoja SSL

 

  • SSL (Secure Sockets Layer) – kriptografinis protokolas, skirtas internete perduodamos informacijos apsaugai šifruojant.

 

 

 

​

DNS

Tinklapio struktūra

Sluoksniai, kurie sudaro tinklapį, pateikiamą serverio naršyklei:

  • HTML (struktūra)
  • CSS (apipavidalinimas)
  • JS (išdėstymas)

Naršyklės užkuliusiuose

Kai serveris pateikia, HTML, CSS, JS failus iki tinklapio atvaizdavimo atliekamas šis procesas naršyklėje:

  • Parsinamas, HTML, CSS, JS kodas
  • Renderinimo procesas -> Konstruojamas DOM medis ->  Renderinamas DOM medis -> Renderinamas išdėstymas -> Piešiamas atvaizdas 

Parsinimas

DOM konstravimas

Naršyklės architektūra

Naršyklės renderinimo varikliai

Apibendrinimas

Ko reikia norint patalpinti sukurtą website'ą ?

Hostingas

Jums reikės:

  • Domeno
  • Serverio failų talpinimui

Domenas

Domenas yra interneto administracinis vienetas, t. y. konkretaus asmens valdoma interneto sritis, kurią identifikuoja unikalus domeno vardas.

Domenų struktūra, o kartu ir domenų vardų sistema yra hierarchinė – kiekvienas žemesnio lygio domenas yra atitinkamo aukštesnio lygio domeno dedamoji, dar vadinama subdomenu.

Pavyzdžiui, domeno vardas .lt identifikuoja aukščiausio lygio domeną.

Domeno vardas 2-asis.lt identifikuoja antro lygio domeną, įkurtą .lt aukščiausio lygio domene (t. y. 2-asis.lt yra subdomenas .lt domeno atžvilgiu);

Domeno vardas 3-asis.2-asis.lt identifikuoja trečio lygio domeną, įkurtą antro lygio domene, kurio vardas yra 2-asis.lt, savo ruožtu esančiame .lt aukščiausio lygio domene (t. y. 3-asis.2-asis.lt yra subdomenas 2-asis.lt domeno atžvilgiu).

Ir taip toliau su žemesniais lygiais.

Domenas registracija

  • Tikrinam ar Jūsų svajonių domenas nėra užimtas:
    • https://www.domreg.lt/
    • https://lookup.icann.org/
    • https://whois.eurid.eu/lt/
  • Registruojam pas pasirinktą tiekėją.

Serverio pasirinkimas

 

Ką daryti viską nusipirkus ?

Sutvarkom domeno DNS

  • A - host adresas, kuris turi informaciją į kokį IP adresą "nukreipia" nurodytas vardas.
  • NS - domeno vardų serveris
  • MX - pašto serveris (privalo būti ne IP adresas)
  • CNAME - domeno alias - slapyvardis

​

DNS įrašų tipai:

DNS įrašų tipai

Serveris

WEB serveris

WEB serveris - tai tarnyba, užtikrinanti, kad Jūsų svetainės būtų matomos internete. Nuo šios tarnybos veikimo priklauso kaip sparčiai bei kiek vartotojų galės aptarnauti Jūsų svetainės.

​

WEB serveris

Klausimai

WEB'o pagrindai

By Martynas Kašelionis

Made with Slides.com

WEB'o pagrindai

  • 528

More from Martynas Kašelionis