როგორ მიმდინარეობს მომხმარებლისა და სერვერის ურთიერთქმედება?

ინტერაქცია ხორციელდება HTTP/HTTPS პროტოკოლით, ჩვეულებრივ "კლიენტი-სერვერი" მოდელში:

1. კლიენტი (ბრაუზერი) აგზავნის მოთხოვნას. მოთხოვნა შეიცავს:
   • მეთოდს (GET, POST, PUT, DELETE და სხვა)
   • მოთხოვნადი რესურსის URL-ს
   • სათაურებს (კლიენტის შესახებ ინფორმაცია, მონაცემების ტიპი, ავტორიზაცია და სხვა)
   • მოთხოვნის სხეულს (POST მეთოდებისთვის, მონაცემებით)
2. სერვერი/processes მოთხოვნას.
   • იღებს და ანალიზს ახდენს მოთხოვნას.
   • განსაზღვრავს რესურსსა და ოპერაციას.
   • მიმართავს მონაცემებს (მონაცემთა ბაზა, ფაილური სისტემა და სხვა), თუ საჭიროა.
   • ქმნის პასუხს.
3. სერვერი აგზავნის პასუხს. პასუხი შეიცავს:
   • HTTP სტატუს კოდს (200 OK, 404 Not Found, 500 Internal Server Error და სხვა)
   • პასუხის სათაურებს (კონტენტის ტიპი, კეშირება, კუკი და სხვა)
   • პასუხის სხეულს (HTML, JSON, XML, სურათი და სხვა)
4. კლიენტი იღებს და/processes პასუხს.
   • ანალიზს ახდენს პასუხს.
   • აჩვენებს შიგთავსს (მაგალითად, HTML გვერდის რენდერით).
   • ახორციელებს JavaScript-ს, მონაცემებს/processes.

მაგალითი 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: მომხმარებელი აგზავნის მოთხოვნას, სერვერი ხდის მას ღია, სანამ მონაცემები არ გამოჩნდება ან დრო ამოიწურება, შემდეგ პასუხს აგზავნის

ვებ-აპლიკაციების კონტექსტში, ბრაუზერი ასევე იტვირთება რესურსებს (CSS, JS, სურათები) ცალკეულ HTTP მოთხოვნებს შორის, პირველადი HTML-ის მიღების შემდეგ. JavaScript-ი შეიძლება დინამიურად აგზავნიდეს დამატებით მოთხოვნებს API-ზე (AJAX) მონაცემების მიღებისა ან გაგზავნისთვის, გვერდის განახლების გარეშე.