Le basi di HTTP - HyperText Transfer Protocol

HTTP (HyperText Transfer Protocol)

Questo primo articolo del blog parla di ciò che è alla base del funzionamento di Internet, e quindi di tutti i siti web: il protocollo HTTP.

Andremo ad analizzare cos'è HTTP, il suo funzionamento e come visualizzare i messaggi HTTP inviati tramite la rete.

Cos'è HTTP

HTTP (Hypertext Transfer Protocol, letteralmente protocollo di trasferimento di un ipertesto) è un linguaggio di testo che consente la comunicazione tra client e server attraverso internet. Nell'istante in cui hai aperto questa pagina si è verificata la seguente conversazione tra il tuo browser (il client) e il server su cui è ospitata la risorsa /tecnologie5/le-basi-di-http

Dunque ogni qualvolta visitiamo un sito internet, HTTP ci consente di visualizzare le risorse di quel sito.

Come funziona HTTP: request e response

Dopo aver introdotto brevemente il protocollo HTTP adesso vediamo il suo funzionamento passo passo, analizzando come è fatta una richiesta HTTP e la successiva risposta da parte del server.

Request: il client invia una richiesta

Ogni conversazione tra client e server sul web inizia con una richiesta, un messaggio di testo creato dal client in un formato speciale noto appunto come HTTP.

Una richiesta HTTP è composta dalle seguenti parti:

[method] [URI] [version] [headers] [body]

Tornando all'esempio precedente la richiesta tradotta in HTTP sarebbe qualcosa del genere

GET /tecnologie5/le-basi-di-http HTTP/1.1
Host: checksound.gitbook.io
Accept: text/html
User-agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64)

Questo semplice messaggio comunica tutto ciò che è necessario riguardo la risorsa che il client sta richiedendo.

La prima riga di una richiesta HTTP è la più importante e contiene due parti fondamentali:

  1. il metodo HTTP (GET)

  2. l'URI (/tecnologie5/le-basi-di-http)

L'URI è l'indirizzo o il percorso univoco che identifica la risorsa che il client desidera. Il metodo HTTP definisce ciò che il client vuole fare con la risorsa.

Request methods: metodi di una richiesta HTTP

I metodi HTTP definiscono i modi in cui il client può interagire con la risorsa. La tabella seguente mostra alcuni dei metodi utilizzati durante una richiesta HTTP.

Esistono altri metodi definiti dalle specifiche del protocollo HTTP, ma molti di essi sono poco utilizzati o non supportati. In realtà, molti browser moderni supportano solo GET e POST.

Request headers: intestazioni di richiesta

Oltre alla prima riga, una richiesta HTTP contiene altre informazioni chiamate intestazioni di richiesta (request headers).

Le intestazioni forniscono molte informazioni supplementari come l'host dove si trova la risorsa (Host), i formati di risposta accettati dal client (Accept) e l'applicazione utilizzata dal client per effettuare la richiesta (User-Agent).

Per approfondire leggi HTTP request headers

Response: il server restituisce una risposta

Il client invia la richiesta al server, quindi attende la risposta (response). L'obiettivo del server è quindi di interpretare la richiesta del client e restituire una risposta.

Una volta che il server ha ricevuto la richiesta, conosce esattamente la risorsa di cui il client ha bisogno (tramite l'URI) e ciò che il client vuole fare con quella risorsa (tramite il metodo).

Ad esempio, nel caso di una richiesta GET, il server prepara la risorsa e la restituisce in una risposta HTTP.

Come per la richiesta, una risposta HTTP è composta dalle seguenti parti:

[version] [status code] [reason] [headers] [body]

Tradotto in HTTP, la risposta inviata al browser sarà simile a questa

HTTP/1.1 200 OK
Date: Wed, 08 Aug 2018 21:23:53 GMT
Connection: keep-alive, Keep-Alive
Content-Encoding: br
Server: Apache
Content-Type: text/html; charset=UTF-8

<!DOCTYPE html>
<html lang="it">
    <head>
        <title>Protocollo HTTP: cos'è e come funziona passo passo</title>
    </head>
    <body>
        <p>Protocollo HTTP</p>
    </body>
</html>

La risposta HTTP contiene la risorsa richiesta (il contenuto HTML in questo caso), più altre importanti informazioni come il codice di stato della risposta.

Status Codes: codici di stato HTTP

Il codice di stato comunica il risultato della richiesta al client. In questo caso 200 indica che la richiesta è andata a buon fine.

Esistono diversi codici di stato che indicano il successo, un errore o che il client deve fare qualcosa (ad esempio reindirizzare l'utente a un'altra pagina).

La tabella mostra alcuni dei codici di stato più frequenti.

Per approfondire leggi codici di stato HTTP

Response headers: intestazioni di risposta

Come la richiesta, anche una risposta HTTP contiene informazioni aggiuntive note come intestazioni di risposta HTTP (response headers). Il corpo della stessa risorsa può essere restituito in più formati diversi come HTML o JSON e l'intestazione Content-Type utilizza tipi di MIME, come ad esempio text/html, per dire al client quale formato viene restituito.

Per approfondire leggi HTTP response headers

Come visualizzare request, response e HTTP headers

Ci sono diversi modi per visualizzare e analizzare i messaggi del protocollo HTTP scambiati durante una conversazione tra client e server.

La DevTools di Chrome

Col browser di casa Google hai a disposizione la DevTools, uno strumento intregrato nel browser che aiuta lo sviluppatore nella diagnostica di un'applicazione web.

Puoi visualizzare la DevTools da Opzioni -> Altri strumenti -> Strumenti per sviluppatori o tramite scorciatoia da tastiera Ctrl+Maiusc+C (se usi Windows).

Una volta aperta la finestra posizionati nella tab "Network" e premi F5, quindi dalla colonna "Name" seleziona una risorsa qualunque e sulla destra verranno visualizzate le colonne Headers, Preview, etc... come mostrato in figura.

Riferimenti

Last updated