Πώς γίνεται η αλληλεπίδραση μεταξύ πελάτη και…

Η αλληλεπίδραση πραγματοποιείται μέσω του πρωτοκόλλου HTTP/HTTPS, συνήθως στο μοντέλο "πελάτη-διακομιστή":

Ο πελάτης (περιηγητής) στέλνει ένα αίτημα. Το αίτημα περιέχει:
- Μέθοδο (GET, POST, PUT, DELETE κ.ά.)
- URL του ζητούμενου πόρου
- Επικεφαλίδες (πληροφορίες σχετικά με τον πελάτη, τύπο δεδομένων, αυθεντικοποίηση κ.ά.)
- Σώμα αιτήματος (για μεθόδους όπως POST, με δεδομένα)
Ο διακομιστής επεξεργάζεται το αίτημα.
- Λαμβάνει και αναλύει το αίτημα.
- Ορίζει τον πόρο και την ενέργεια.
- Πρόσβαση σε δεδομένα (βάση δεδομένων, σύστημα αρχείων κ.ά.), αν χρειάζεται.
- Δημιουργεί την απάντηση.
Ο διακομιστής στέλνει την απάντηση. Η απάντηση περιέχει:
- Κωδικό κατάστασης HTTP (200 OK, 404 Not Found, 500 Internal Server Error κ.ά.)
- Επικεφαλίδες απάντησης (τύπος περιεχομένου, αποθήκευση cache, cookies κ.ά.)
- Σώμα απάντησης (HTML, JSON, XML, εικόνα κ.ά.)
Ο πελάτης λαμβάνει και επεξεργάζεται την απάντηση.
- Αναλύει την απάντηση.
- Εμφανίζει το περιεχόμενο (π.χ., αποδίδει τη σελίδα HTML).
- Εκτελεί JavaScript, επεξεργάζεται δεδομένα.

Παράδειγμα αίτησης GET:

GET /api/users HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (...)
Accept: application/json

Παράδειγμα απάντησης σε αίτηση GET:

HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 150
Cache-Control: max-age=3600

[
  { "id": 1, "name": "Alice" },
  { "id": 2, "name": "Bob" }
]

Επίσης, χρησιμοποιούνται και άλλα μηχανισμοί για πιο διαδραστική αλληλεπίδραση:

WebSocket: Συνεχής διπλής κατεύθυνσης σύνδεση για ανταλλαγή δεδομένων σε πραγματικό χρόνο (π.χ., συνομιλίες).
Server-Sent Events (SSE): Μονόδρομη σύνδεση από τον διακομιστή προς τον πελάτη για λήψη ροής ενημερώσεων.
Polling: Ο πελάτης στέλνει περιοδικά αιτήματα στον διακομιστή για να ελέγξει για ενημερώσεις.
Long Polling: Ο πελάτης στέλνει ένα αίτημα, ο διακομιστής το διατηρεί ανοιχτό μέχρι να υπάρχουν δεδομένα ή να λήξει ο χρόνος, και στη συνέχεια στέλνει την απάντηση.

Στο πλαίσιο των web εφαρμογών, ο περιηγητής φορτώνει επίσης πόρους (CSS, JS, εικόνες) μέσω ξεχωριστών αιτημάτων HTTP μετά την αρχική λήψη του HTML. Το JavaScript μπορεί επίσης να στέλνει δυναμικά πρόσθετα αιτήματα στην API (AJAX) για λήψη ή αποστολή δεδομένων χωρίς ανανέωση της σελίδας.

Πώς γίνεται η αλληλεπίδραση μεταξύ πελάτη και διακομιστή;