Cum funcționează Web-ul, Partea a II-a: Ce se întâmplă când accesați o adresă URL

Publicat: 2016-12-06

În postarea anterioară, am vorbit despre cum a apărut Web-ul. În această postare, vom face o plimbare și vom vedea ce se întâmplă când vizitați o adresă URL cu browserul dvs. Vom arunca o privire, de asemenea, asupra tehnologiilor contemporane utilizate pe Web și asupra modului în care se potrivesc toate.

Tehnologiile implicate, din momentul în care apeși butonul Enter până când vezi o pagină web, sunt numeroase. În postarea noastră anterioară am vorbit despre hipertext și HTTP, dar acesta a fost doar începutul:

Serverele web (cum ar fi apache2 și nginx) implementează protocolul HTTP împreună cu alte funcții, care permit browserelor web să se conecteze, să solicite și să primească date web. HTTP este canalul prin care mesajele, paginile web, imaginile și resursele „călătoresc” între un server web și un browser.

Web-ul modern este destul de solicitant, iar serverele web moderne au făcut față acestei provocări. Scalabilitate și securitate sunt cele două preocupări principale ale lumii de astăzi. Serverele web moderne sunt foarte scalabile (capabile să gestioneze mai mult de 10.000 de conexiuni simultane), oferă mai multe opțiuni pentru echilibrarea sarcinii, acceptă SSL/TLS și HTTP/2. Îmbunătățirea cheie a HTTP/2 față de HTTP/1.1 este, fără îndoială, gestionarea superioară a fluxului de pachete. Streamingul video este răspândit astăzi și HTTP/1.1 nu a putut face față în mod adecvat nevoilor tuturor dispozitivelor, capacităților de rețea și numărului de utilizatori online online de astăzi.

HTML (HyperText Markup Language) este un limbaj care folosește etichete pentru a reprezenta documente hipertext structurate care pot fi înțelese de browserul dvs. web.

Cea mai nouă încarnare a sa, HTML5, a introdus multe îmbunătățiri și curățări de limbă, dar cele mai impresionante adăugiri au fost suportul nativ video și audio, grafica 2D și 3D, precum și stocarea locală a bazelor de date. Aceste îmbunătățiri au depășit în mod eficient tehnologiile multimedia precum Flash și Silverlight.

CSS (Cascading Style-sheets) este o tehnologie folosită de designerii web pentru a face schimbările vizuale mai ușoare în multe pagini web.

Codul CSS poate locui fie în HTML, fie, așa cum este de obicei, sunt fișiere separate, fiind referite de pagina HTML. Utilitatea CSS este că separă conținutul de prezentare, oferind designerilor web un instrument puternic pentru a gestiona central toate detaliile estetice ale unui site web.

Back-end- ul (de exemplu, PHP sau Java) este cod amestecat cu HTML, care este executat de serverul web când calculul se termină.

În prezent, toate site-urile web sunt dinamice; ceea ce înseamnă că nu mai există fișiere .html simple transmise browserului. Toate limbile moderne, cu adăugarea de biblioteci de software numite cadre web, pot fi utilizate ca soluție de back-end pentru un site web. Lansarea recentă a PHP 7 și îmbunătățirile geniale ale performanței și caracteristicile pe care le-a introdus, precum și HHVM de la Facebook, au dus ambele întregul proces la nivelul următor.

Front-end (Javascript) este cod amestecat și cu HTML, dar este executat local pe computer, de către browserul dvs. web.

Poate cea mai uimitoare și impresionantă dezvoltare din web-ul modern a fost Javascript. A trecut de la a fi fratele mai mic simplu al lui Java, folosit pentru a face meniuri și a afișa ferestre pop-up, la un limbaj de programare puternic folosit atât în client, cât și pe server. În zilele noastre, poate face orice pe un browser web și cu mare viteză. Motorul JavaScript V8 de la Google a fost o schimbare tehnologică majoră.

Ce se întâmplă când accesați o adresă URL

Web-ul este o abundență de tehnologii diferite, dar există două concepte a căror funcție de bază a rămas nemodificată și astăzi. Browserul web și serverul web. Acestea funcționează pe modelul „vechi” client/server, care este următorul: Un client se conectează la un server folosind o adresă (un IP sau un nume) și solicită ceva. Serverul, atunci, răspunde clientului și așa mai departe. Clienții se conectează la servere, dar nu invers. Deși, tehnologia web de astăzi a modificat semnificativ acest model, vom folosi acest lucru pentru a explica procesul într-un mod simplificat.

Deci, porniți browserul preferat și vizitați o pagină web. Din momentul în care apăsați tasta Enter și până când vedeți în sfârșit pagina afișată, se întâmplă următoarele:

Browserul dvs. apelează mai întâi un modul software numit rezolutor DNS care este configurat pe computer și vă solicită adresa IP care corespunde adresei URL pe care ați introdus-o.
DNS (Domain Name System) este un serviciu principal de internet care mapează numele computerelor (cum ar fi www.pressidium.com ) în adrese IP. Adresele IP sunt ceea ce computerele conectate la Internet înțeleg și la care se pot conecta. Vom explora ce este și cum funcționează în următoarea noastră postare.
Browserul dvs. inițiază apoi o conexiune la acea adresă IP, folosind portul 80 sau 443.
Adresa IP înseamnă serverul, în timp ce numărul portului se referă la serviciul la care doriți să vă conectați. Toate serverele web rulează implicit pe portul 80, în timp ce portul 443 este folosit pentru conexiuni web securizate.
Serverul web procesează adresa URL pe care ați introdus-o și oferă controlul back-end-ului. Codul back-end generează pagina HTML și o predă serverului web. Serverul web, apoi, trimite în sfârșit pagina HTML către browser, prin canalul HTTP.
Se întâmplă o mulțime de lucruri în milisecundele necesare serverului web pentru a trimite înapoi codul HTML. Codul back-end dintr-un site web se conectează de obicei la o bază de date, execută interogări, primește datele înapoi, contactează alte servicii back-end și în cele din urmă adună totul într-un document HTML. Nu este cu adevărat un fișier discret pe care îl solicitați, ci o resursă dinamică , care este generat din mers folosind o mare varietate de tehnologii și componente diferite.
Browserul dvs. web primește pagina HTML, închide conexiunea la serverul web și apoi o redă pe ecran. Acesta execută codul Javascript prezent în HTML. Designul web modern urmează o abordare numită Responsive Design. Această abordare utilizează HTML, CSS și Javascript pentru a adapta dinamic aspectul unei pagini web, în funcție de dispozitivul pe care îl utilizați pentru navigare. Acest lucru a devenit foarte important în aceste zile odată cu creșterea explozivă a dispozitivelor mobile și tablete.

Ce urmeaza?

Până acum, am abordat pe scurt o varietate de tehnologii web moderne și ce se întâmplă atunci când accesați o adresă URL. Fără îndoială, tehnologiile web sunt complexe și numeroase și nu pot fi acoperite satisfăcător într-un singur articol. Cu această serie de postări, ne propunem în principal să vă oferim o viziune „ochi de vultur” asupra Internetului și a Web-ului.
În următoarea ediție a acestei interesante serii, vom vizita o altă infrastructură importantă de Internet, Sistemul de nume de domeniu. Fără el, nimic nu ar funcționa cu adevărat! (cel puțin pentru noi, oamenii).