๐ *Gen AI Engineer (Production Focused)* 
HTTP, which stands for HyperText Transfer Protocol, is the foundational language of the internet. It is the underlying set of rules that dictates how dataโsuch as text, images, and videoโis formatted and transmitted across the web.
Whenever you open a web browser and type in a website address, you are using HTTP to ask a server to send that website to your screen.
The Core Concept: Request and Response
HTTP operates on a simple “Client-Server” model.
- The Client (Your Browser): You click a link, and your browser sends an HTTP Request to the server that hosts the website.
- The Server (The Website’s Computer): The server receives the request, processes it, and sends back an HTTP Response, which contains the data your browser needs to display the page.
Common HTTP Methods (The “Verbs”)
When the client sends a request, it uses a specific “method” to tell the server what action it wants to perform. Here are the most common ones:
- GET: “Please give me this data.” (e.g., loading a webpage, watching a video).
- POST: “Here is some new data I want you to save.” (e.g., submitting a login form, posting a comment).
- PUT / PATCH: “Please update this existing data.” (e.g., editing your profile information).
- DELETE: “Please remove this data.” (e.g., deleting an email).
HTTP Status Codes (The “Results”)
When the server replies, it includes a three-digit status code so the browser knows if the request was successful or if something went wrong.
- 200-level (Success): Everything worked perfectly. (e.g., 200 OK)
- 300-level (Redirection): The content has moved, and you are being sent somewhere else. (e.g., 301 Moved Permanently)
- 400-level (Client Error): You made a mistake in your request. (e.g., 404 Not Found – you clicked a dead link).
- 500-level (Server Error): The server is broken or overwhelmed. (e.g., 500 Internal Server Error).
Real-World Examples
Example 1: Loading a Webpage (A GET Request)
Imagine you type www.example.com/cats into your browser.
What your browser sends (The Request):
HTTP
GET /cats HTTP/1.1
Host: www.example.com
User-Agent: Mozilla Firefox/120.0
Accept-Language: en-US
Translation: “Hello server at example.com. I am a Firefox browser, and I speak English. Please GET me the page located at /cats using HTTP version 1.1.”
What the server sends back (The Response):
HTTP
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 1048
<!DOCTYPE html>
<html>
<head><title>Cats</title></head>
<body>Here are some pictures of cats...</body>
</html>
Translation: “Message received! The status is 200 OK. Here is the HTML file you asked for, and it is 1048 bytes long.”
Example 2: Logging In (A POST Request)
Imagine you are typing your username and password into a login screen.
What your browser sends (The Request):
HTTP
POST /login HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded
username=myuser&password=mypassword123
Translation: “Hello server. Please take this private data (my username and password) and process it using the POST method at the /login endpoint.”
What the server sends back (The Response):
HTTP
HTTP/1.1 302 Found
Location: /dashboard
Set-Cookie: session_id=abc987xyz
Translation: “Credentials accepted! I am setting a secure ‘cookie’ on your browser so I remember you are logged in, and I am redirecting you (302 Found) to your account /dashboard.”
HTTP เฐ เฐจเฐเฐพ HyperText Transfer Protocol. เฐเฐฆเฐฟ เฐเฐเฐเฐฐเฑเฐจเฑเฐเฑ เฐเฐฟ เฐเฐ เฐชเฑเฐฐเฐพเฐฅเฐฎเฐฟเฐ เฐญเฐพเฐท เฐฒเฐพเฐเฐเฐฟเฐฆเฐฟ. เฐตเฑเฐฌเฑโเฐฒเฑ เฐเฑเฐเฑเฐธเฑเฐเฑ, เฐเฐฟเฐคเฑเฐฐเฐพเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐตเฑเฐกเฐฟเฐฏเฑเฐฒ เฐตเฐเฐเฐฟ เฐกเฑเฐเฐพ เฐเฐฒเฐพ เฐซเฐพเฐฐเฑเฐฎเฐพเฐเฑ เฐเฑเฐฏเฐฌเฐกเฐพเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐเฐ เฐเฑเฐ เฐจเฑเฐเฐกเฐฟ เฐเฐเฐเฑ เฐเฑเฐเฐเฐฟ เฐเฐฒเฐพ เฐชเฑเฐฐเฐธเฐพเฐฐเฐ เฐเฑเฐฏเฐฌเฐกเฐพเฐฒเฑ เฐเฐฆเฐฟ เฐจเฐฟเฐฐเฑเฐฆเฑเฐถเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
เฐฎเฑเฐฐเฑ เฐตเฑเฐฌเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐจเฐฟ เฐคเฑเฐฐเฐฟเฐเฐฟ, เฐเฐฆเฑเฐจเฐพ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑ เฐ เฐกเฑเฐฐเฐธเฑโเฐจเฑ เฐเฑเฐชเฑ เฐเฑเฐธเฐฟเฐจ เฐชเฑเฐฐเฐคเฐฟเฐธเฐพเฐฐเฑ, เฐ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐจเฑ เฐฎเฑ เฐธเฑเฐเฑเฐฐเฑเฐจเฑโเฐชเฑเฐเฐฟ เฐชเฐเฐชเฐฎเฐจเฐฟ เฐธเฐฐเฑเฐตเฐฐเฑโเฐจเฐฟ เฐ เฐกเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐฎเฑเฐฐเฑ HTTPเฐจเฐฟ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฑเฐจเฑเฐจเฐพเฐฐเฑ.
เฐชเฑเฐฐเฐพเฐฅเฐฎเฐฟเฐ เฐญเฐพเฐตเฐจ: เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ (เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจ) เฐฎเฐฐเฐฟเฐฏเฑ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ (เฐชเฑเฐฐเฐคเฐฟเฐธเฑเฐชเฐเฐฆเฐจ)
HTTP เฐเฐ เฐธเฐพเฐงเฐพเฐฐเฐฃ “เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ-เฐธเฐฐเฑเฐตเฐฐเฑ” เฐฎเฑเฐกเฐฒเฑโเฐชเฑ เฐชเฐจเฐฟเฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ (เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ): เฐฎเฑเฐฐเฑ เฐเฐ เฐฒเฐฟเฐเฐเฑโเฐชเฑ เฐเฑเฐฒเฐฟเฐเฑ เฐเฑเฐธเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐจเฑ เฐนเฑเฐธเฑเฐเฑ เฐเฑเฐธเฑ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ HTTP เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ (เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจ) เฐชเฐเฐชเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐธเฐฐเฑเฐตเฐฐเฑ (เฐตเฑเฐฌเฑโเฐธเฑเฐเฑ เฐเฐจเฑเฐจ เฐเฐเฐชเฑเฐฏเฑเฐเฐฐเฑ): เฐธเฐฐเฑเฐตเฐฐเฑ เฐ เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจเฐจเฑ เฐธเฑเฐตเฑเฐเฐฐเฐฟเฐเฐเฐฟ, เฐชเฑเฐฐเฐพเฐธเฑเฐธเฑ เฐเฑเฐธเฐฟ, เฐคเฐฟเฐฐเฐฟเฐเฐฟ เฐเฐ HTTP เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ (เฐชเฑเฐฐเฐคเฐฟเฐธเฑเฐชเฐเฐฆเฐจ) เฐชเฐเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐเฐเฐฆเฑเฐฒเฑ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐ เฐชเฑเฐเฑเฐจเฐฟ เฐชเฑเฐฐเฐฆเฐฐเฑเฐถเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐ เฐตเฐธเฐฐเฐฎเฑเฐจ เฐกเฑเฐเฐพ เฐเฐเฐเฑเฐเฐฆเฐฟ.
เฐธเฐพเฐงเฐพเฐฐเฐฃ HTTP เฐชเฐฆเฑเฐงเฐคเฑเฐฒเฑ (“เฐเฑเฐฐเฐฟเฐฏเฐฒเฑ” เฐฒเฐพเฐเฐเฐฟเฐตเฐฟ)
เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐเฐ เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจเฐจเฑ เฐชเฐเฐชเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐ เฐฆเฐฟ เฐธเฐฐเฑเฐตเฐฐเฑโเฐคเฑ เฐ เฐชเฐจเฐฟ เฐเฑเฐฏเฐพเฐฒเฐจเฑเฐเฑเฐเฐเฑเฐเฐฆเฑ เฐเฑเฐชเฑเฐชเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐ เฐจเฐฟเฐฐเฑเฐฆเฐฟเฐทเฑเฐ “เฐชเฐฆเฑเฐงเฐคเฐฟ” (method) เฐจเฐฟ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ. เฐตเฐพเฐเฐฟเฐฒเฑ เฐฎเฑเฐเฑเฐฏเฐฎเฑเฐจเฐตเฐฟ:
- GET: “เฐฆเฐฏเฐเฑเฐธเฐฟ เฐจเฐพเฐเฑ เฐ เฐกเฑเฐเฐพเฐจเฑ เฐเฐตเฑเฐตเฐเฐกเฐฟ.” (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: เฐตเฑเฐฌเฑโเฐชเฑเฐเฑเฐจเฐฟ เฐฒเฑเฐกเฑ เฐเฑเฐฏเฐกเฐ, เฐตเฑเฐกเฐฟเฐฏเฑ เฐเฑเฐกเฐเฐ).
- POST: “เฐจเฑเฐจเฑ เฐธเฑเฐตเฑ เฐเฑเฐฏเฐพเฐฒเฐจเฑเฐเฑเฐเฐเฑเฐจเฑเฐจ เฐเฑเฐคเฑเฐค เฐกเฑเฐเฐพ เฐเฐเฑเฐเฐก เฐเฐเฐฆเฐฟ.” (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: เฐฒเฐพเฐเฐฟเฐจเฑ เฐซเฐพเฐฐเฐฎเฑโเฐจเฑ เฐธเฐฎเฐฐเฑเฐชเฐฟเฐเฐเฐกเฐ, เฐเฐพเฐฎเฑเฐเฐเฑ เฐชเฑเฐธเฑเฐเฑ เฐเฑเฐฏเฐกเฐ).
- PUT / PATCH: “เฐฆเฐฏเฐเฑเฐธเฐฟ เฐเฐชเฑเฐชเฐเฐฟเฐเฑ เฐเฐจเฑเฐจ เฐ เฐกเฑเฐเฐพเฐจเฑ เฐ เฐชเฑโเฐกเฑเฐเฑ เฐเฑเฐฏเฐเฐกเฐฟ.” (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: เฐฎเฑ เฐชเฑเฐฐเฑเฐซเฑเฐฒเฑ เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ เฐธเฐตเฐฐเฐฟเฐเฐเฐกเฐ).
- DELETE: “เฐฆเฐฏเฐเฑเฐธเฐฟ เฐ เฐกเฑเฐเฐพเฐจเฑ เฐคเฑเฐธเฐฟเฐตเฑเฐฏเฐเฐกเฐฟ.” (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: เฐเฐฎเฑเฐฏเฐฟเฐฒเฑโเฐจเฑ เฐกเฐฟเฐฒเฑเฐเฑ เฐเฑเฐฏเฐกเฐ).
HTTP เฐธเฑเฐเฑเฐเฐธเฑ เฐเฑเฐกเฑโเฐฒเฑ (“เฐซเฐฒเฐฟเฐคเฐพเฐฒเฑ”)
เฐธเฐฐเฑเฐตเฐฐเฑ เฐฐเฐฟเฐชเฑเฐฒเฑ เฐเฐเฑเฐเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐ เฐฆเฐฟ เฐฎเฑเฐกเฑ เฐ เฐเฐเฑเฐฒ เฐธเฑเฐเฑเฐเฐธเฑ เฐเฑเฐกเฑโเฐจเฑ เฐเฐค เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ. เฐฆเฑเฐจเฐฟ เฐฆเฑเฐตเฐพเฐฐเฐพ เฐฎเฑ เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจ เฐตเฐฟเฐเฐฏเฐตเฐเฐคเฐฎเฑเฐเฐฆเฐพ เฐฒเฑเฐฆเฐพ เฐเฐฆเฑเฐจเฐพ เฐคเฐชเฑเฐชเฑ เฐเฐฐเฐฟเฐเฐฟเฐเฐฆเฐพ เฐ เฐจเฐฟ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐคเฑเฐฒเฑเฐธเฑเฐเฑเฐเฐเฑเฐเฐฆเฐฟ.
- 200-เฐธเฑเฐฅเฐพเฐฏเฐฟ (เฐตเฐฟเฐเฐฏเฐ): เฐ เฐเฐคเฐพ เฐธเฐตเฑเฐฏเฐเฐเฐพ เฐเฐฐเฐฟเฐเฐฟเฐเฐฆเฐฟ. (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: 200 OK)
- 300-เฐธเฑเฐฅเฐพเฐฏเฐฟ (เฐฐเฑเฐกเฑเฐฐเฑเฐเฑเฐทเฐจเฑ): เฐเฐเฐเฑเฐเฐเฑ เฐตเฑเฐฐเฑ เฐเฑเฐเฐฟเฐเฐฟ เฐฎเฐพเฐฐเฑเฐเฐฌเฐกเฐฟเฐเฐฆเฐฟ, เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐ เฐเฑเฐเฐกเฐฟเฐเฐฟ เฐชเฐเฐชเฑเฐคเฑเฐจเฑเฐจเฐพเฐฎเฑ. (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: 301 Moved Permanently)
- 400-เฐธเฑเฐฅเฐพเฐฏเฐฟ (เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐฒเฑเฐชเฐ): เฐฎเฑ เฐ เฐญเฑเฐฏเฐฐเฑเฐฅเฐจเฐฒเฑ เฐคเฐชเฑเฐชเฑ เฐเฐเฐฆเฐฟ. (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: 404 Not Found – เฐฎเฑเฐฐเฑ เฐฒเฑเฐจเฐฟ เฐฒเฐฟเฐเฐเฑโเฐจเฑ เฐเฑเฐฒเฐฟเฐเฑ เฐเฑเฐถเฐพเฐฐเฑ).
- 500-เฐธเฑเฐฅเฐพเฐฏเฐฟ (เฐธเฐฐเฑเฐตเฐฐเฑ เฐฒเฑเฐชเฐ): เฐธเฐฐเฑเฐตเฐฐเฑ เฐชเฐพเฐกเฑเฐเฐฆเฐฟ เฐฒเฑเฐฆเฐพ เฐฌเฐฟเฐเฑเฐเฐพ เฐเฐเฐฆเฐฟ. (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ: 500 Internal Server Error).
เฐตเฐพเฐธเฑเฐคเฐต เฐชเฑเฐฐเฐชเฐเฐ เฐเฐฆเฐพเฐนเฐฐเฐฃเฐฒเฑ
เฐเฐฆเฐพเฐนเฐฐเฐฃ 1: เฐตเฑเฐฌเฑโเฐชเฑเฐเฑเฐจเฐฟ เฐฒเฑเฐกเฑ เฐเฑเฐฏเฐกเฐ (เฐเฐ GET เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ)
เฐฎเฑเฐฐเฑ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑ [www.example.com/cats](https://www.example.com/cats) เฐ
เฐจเฐฟ เฐเฑเฐชเฑ เฐเฑเฐถเฐพเฐฐเฐจเฐฟ เฐเฐนเฐฟเฐเฐเฑเฐเฑเฐเฐกเฐฟ.
เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐชเฐเฐชเฑเฐฆเฐฟ (เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ):
HTTP
GET /cats HTTP/1.1
Host: www.example.com
User-Agent: Mozilla Firefox/120.0
Accept-Language: en-US
เฐ
เฐจเฑเฐตเฐพเฐฆเฐ: “เฐนเฐฒเฑ example.com เฐธเฐฐเฑเฐตเฐฐเฑ. เฐจเฑเฐจเฑ Firefox เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐจเฐฟ, เฐจเฑเฐจเฑ เฐเฐเฐเฑเฐฒเฑเฐทเฑ เฐฎเฐพเฐเฑเฐฒเฐพเฐกเฐคเฐพเฐจเฑ. เฐฆเฐฏเฐเฑเฐธเฐฟ HTTP เฐตเฑเฐฐเฑเฐทเฐจเฑ 1.1เฐจเฐฟ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐฟ /cats เฐตเฐฆเฑเฐฆ เฐเฐจเฑเฐจ เฐชเฑเฐเฑเฐจเฐฟ เฐจเฐพเฐเฑ GET เฐเฑเฐฏเฐเฐกเฐฟ.”
เฐธเฐฐเฑเฐตเฐฐเฑ เฐคเฐฟเฐฐเฐฟเฐเฐฟ เฐชเฐเฐชเฑเฐฆเฐฟ (เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ):
HTTP
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 1048
<!DOCTYPE html>
<html>
<head><title>Cats</title></head>
<body>Here are some pictures of cats...</body>
</html>
เฐ เฐจเฑเฐตเฐพเฐฆเฐ: “เฐธเฐเฐฆเฑเฐถเฐ เฐ เฐเฐฆเฐฟเฐเฐฆเฐฟ! เฐธเฑเฐเฑเฐเฐธเฑ 200 OK. เฐฎเฑเฐฐเฑ เฐ เฐกเฐฟเฐเฐฟเฐจ HTML เฐซเฑเฐฒเฑ เฐเฐเฑเฐเฐก เฐเฐเฐฆเฐฟ, เฐฆเฑเฐจเฐฟ เฐธเฑเฐเฑ 1048 เฐฌเฑเฐเฑเฐฒเฑ.”
เฐเฐฆเฐพเฐนเฐฐเฐฃ 2: เฐฒเฐพเฐเฐฟเฐจเฑ เฐ เฐตเฑเฐตเฐกเฐ (เฐเฐ POST เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ)
เฐฎเฑเฐฐเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐธเฑเฐเฑเฐฐเฑเฐจเฑโเฐฒเฑ เฐฎเฑ เฐฏเฑเฐเฐฐเฑโเฐจเฑเฐฎเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐชเฐพเฐธเฑโเฐตเฐฐเฑเฐกเฑ เฐเฑเฐชเฑ เฐเฑเฐธเฑเฐคเฑเฐจเฑเฐจเฐพเฐฐเฐจเฐฟ เฐเฐนเฐฟเฐเฐเฑเฐเฑเฐเฐกเฐฟ.
เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐชเฐเฐชเฑเฐฆเฐฟ (เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ):
HTTP
POST /login HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded
username=myuser&password=mypassword123
เฐ
เฐจเฑเฐตเฐพเฐฆเฐ: “เฐนเฐฒเฑ เฐธเฐฐเฑเฐตเฐฐเฑ. เฐฆเฐฏเฐเฑเฐธเฐฟ เฐ เฐชเฑเฐฐเฑเฐตเฑเฐเฑ เฐกเฑเฐเฐพเฐจเฑ (เฐจเฐพ เฐฏเฑเฐเฐฐเฑโเฐจเฑเฐฎเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐชเฐพเฐธเฑโเฐตเฐฐเฑเฐกเฑ) เฐคเฑเฐธเฑเฐเฑเฐจเฐฟ, /login เฐเฐเฐกเฑโเฐชเฐพเฐฏเฐฟเฐเฐเฑ เฐตเฐฆเฑเฐฆ POST เฐชเฐฆเฑเฐงเฐคเฐฟเฐจเฐฟ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐฟ เฐฆเฐพเฐจเฑเฐจเฐฟ เฐชเฑเฐฐเฐพเฐธเฑเฐธเฑ เฐเฑเฐฏเฐเฐกเฐฟ.”
เฐธเฐฐเฑเฐตเฐฐเฑ เฐคเฐฟเฐฐเฐฟเฐเฐฟ เฐชเฐเฐชเฑเฐฆเฐฟ (เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ):
HTTP
HTTP/1.1 302 Found
Location: /dashboard
Set-Cookie: session_id=abc987xyz
เฐ
เฐจเฑเฐตเฐพเฐฆเฐ: “เฐฎเฑ เฐตเฐฟเฐตเฐฐเฐพเฐฒเฑ เฐ
เฐเฐเฑเฐเฐฐเฐฟเฐเฐเฐฌเฐกเฑเฐกเฐพเฐฏเฐฟ! เฐฎเฑเฐฐเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐ
เฐฏเฑเฐฏเฐพเฐฐเฐจเฐฟ เฐเฑเฐฐเฑเฐคเฑเฐเฐเฑเฐเฑเฐตเฐกเฐพเฐจเฐฟเฐเฐฟ เฐจเฑเฐจเฑ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑ เฐเฐ เฐธเฑเฐฐเฐเฑเฐทเฐฟเฐคเฐฎเฑเฐจ ‘เฐเฑเฐเฑ’เฐจเฐฟ (cookie) เฐธเฑเฐเฑ เฐเฑเฐธเฑเฐคเฑเฐจเฑเฐจเฐพเฐจเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐจเฑเฐจเฑ เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐฎเฑ เฐเฐพเฐคเฐพเฐฒเฑเฐจเฐฟ /dashboard เฐเฐฟ เฐชเฐเฐชเฑเฐคเฑเฐจเฑเฐจเฐพเฐจเฑ (302 Found).”
Class Notes: HTTP and Web Communication Basics
1. Introduction to HTTP
- HTTP (Hypertext Transfer Protocol): An application layer protocol that allows web-based applications to communicate. It is considered the backbone of the internet.
- Core Responsibilities: Loading web pages, submitting forms, and handling APIs.
- Underlying Network: Uses the TCP/IP protocol suite.
- TCP (Transmission Control Protocol): Responsible for collecting and assembling data packets.
- IP (Internet Protocol): Ensures data packets are delivered to the correct destination.
- Stateless Nature: HTTP is a stateless protocol, meaning every transaction is completely independent.
- State Management: Even though HTTP is stateless, state can still be handled using cookies, local storage, and other state management procedures.
2. HTTP vs. HTTPS
- Standard HTTP: Exchanges all information in clear text. This makes data visible to everyone and highly vulnerable to attacks or interception by hackers.
- HTTPS (Hypertext Transfer Protocol Secure): Created to solve the security vulnerabilities of HTTP.
- Encrypts data during exchange over the internet.
- Converts clear text into an unreadable format that cannot be intercepted and understood by malicious individuals.
3. SSL and TLS (Securing HTTP)
To upgrade an HTTP request to an HTTPS request, specific security standards are used:
- SSL (Secure Socket Layer):
- Uses a public key encryption method to secure data.
- Authenticates the integrity of the request and response.
- Uses a small certificate to identify and authenticate a website.
- TLS (Transport Layer Security):
- The modern successor to SSL.
- Follows the same primary guidelines: authenticates server requests and encrypts sent data.
- Modern Web Standards: Implementing SSL/TLS is now the standard for the web. Browsers (like Google Chrome) will actively throw warning messages to protect users if a website is not secured by these protocols.
4. HTTP Message Structure (Requests & Responses)
Every HTTP request and response is built using the same core structural components:
- Start Line (or Status Line for responses): Describes the action to be performed (e.g.,
GETspecific information from a URL using HTTP 1.1). - Headers: Crucial for passing additional information between clients and servers. Can include:
- The expected response format (e.g., JSON, XML, HTML).
- Authentication credentials to access protected data.
- Empty Line: Acts as a separator between the headers and the body.
- Body: The actual data payload of the request or response (e.g., JSON data elements, HTML code).
5. HTTP Status Codes
Status codes are 3-digit numbers issued by the server in response to a client’s request to explain the outcome:
- 100s (Informational): The request was received, continuing process.
- 200s (Success): The client-server communication was successful.
- 300s (Redirection): The client must take additional action to complete the request.
- 400s (Client Error): Something was incorrect on the client’s side (e.g., requesting a URL that does not exist).
- 500s (Server Error): The server is down, broken, or not working correctly.
6. Real-World API Communication Example
- Action: Navigating to
[https://www.vlrtraining.com](https://www.vlrtraining.com). - Request Method:
GET(fetching/receiving data). - Status Code Received:
200(Success). - Headers: Contain metadata about the request and response.
- Body: Contains the complete HTML code required to render the web page in the browser.
–
In computer networking and HTTP (web) terminology, ‘Stateless’ means “having no memory of the past.”
Let’s understand this in detail:
When you (the client or web browser) send a request to a server, the server provides a response. As soon as that task is completed, the server completely forgets about you. If you immediately send another request, the server treats you as a brand new person; it does not recognize you as “the person who just visited.”
This means that every single request is considered an independent transaction, with no connection to previous requests.
To easily understand this, let’s look at a real-life example:
๐ A Restaurant Example (Real-life Example):
1. Stateful (Remembers the past):
You go to a restaurant and tell the waiter, “I want a chicken biryani.” A little later, you call the waiter again and say, “Bring a Thums Up with that.” Because the waiter remembers you already ordered biryani, he simply adds the Thums Up to your existing order and gives you a combined bill.
2. Stateless (Like HTTP, does not remember):
Here, the waiter (our server) has severe amnesia.
- You: “I want a biryani.” (Request 1)
- Waiter: Brings the biryani. (Response 1)
- You: (Calling him again) “Bring a Thums Up and add it to the bill for what you brought earlier.” (Request 2)
- Waiter: “Who are you? What did I give you earlier? I don’t remember anything!”
This is exactly what happens in HTTP. Therefore, in a stateless system, you must provide complete information every single time. This means you would have to tell the waiter, “My table number is 5, I have a token, I took a biryani earlier, please add a Thums Up to that.”
๐ Technical Example (Online Shopping – Amazon/Flipkart):
Imagine you are shopping on Amazon.
- You “Add to Cart” a shirt. (The server adds it to your cart, and then forgets you).
- Afterwards, you go to another page and “Add to Cart” a pair of pants.
Question: If the server has amnesia (Stateless), when you add the pants, how does it know that you previously added a shirt? How do both items appear in your cart?
Answer: Cookies and Tokens
Even though HTTP is stateless, our browser acts smartly. The first time you log in, the server gives your browser something like a small ID card (this is called a Cookie or Session ID).
When you order the pants the second time, your browser doesn’t just ask for “pants”. It sends your identity along with the request: “Here is my ID card (Cookie/Token), my ID is 12345, add these pants to my cart.” Then the server looks at that ID, recognizes your account, and adds the pants.
What are the advantages of being ‘Stateless’?
- Less burden on the server: Millions of people use a website globally. If the server had to remember the data of every single person in its memory, the servers would crash. Being stateless saves the server from this struggle.
- Speed and Scalability: For example, Amazon has hundreds of servers. Even if your first request goes to one server and your second request goes to a completely different server, there is no problem, because you are sending your full information (via Cookie) with every single request.
–
State Management is the process of maintaining and tracking user data (the “state”) across multiple independent requests in a stateless environment like the web.
Since HTTP is naturally “stateless” (it forgets who you are the moment a request is finished), web developers must use State Management techniques to build modern, interactive websites. “State” simply means any data that needs to be remembered at a specific point in timeโsuch as your login status, the items in your shopping cart, or your preferred language settings.
๐๏ธ A Real-Life Example: The Theme Park
Imagine a theme park where the ride operators have zero memory (Stateless).
Without State Management:
You pay for an all-day pass at the front gate. You walk up to the roller coaster, but the operator doesn’t let you on because they don’t know you paid. You have to go back to the front gate, bring the cashier with you, and prove you paid. You would have to do this for every single ride.
With State Management (The Wristband):
When you pay at the front gate, they give you a neon wristband. Now, when you go to the roller coaster, you simply show the wristband. The operator still has zero memory, but the wristband proves your “state” (that you are a paying customer). You can ride as many rides as you want by just showing the wristband.
๐ป How it Works on the Web (Technical Example)
Let’s look at how State Management works when you log into a website like Netflix:
- The Initial Request: You enter your username and password and click “Log In.”
- Creating the State: The server checks your password. It is correct. To ensure it doesn’t forget you on the very next click, the server creates a unique, encrypted ID for you (the “wristband”).
- Storing the State: The server sends this ID back to your browser and tells your browser to hold onto it. The browser stores this in a place called a Cookie or Local Storage.
- Using the State: When you click on a movie to watch, your browser automatically attaches that Cookie to your request. The server looks at the Cookie, realizes you are an authenticated user, and starts playing the movie instead of asking you to log in again.
Common Tools for State Management
- Cookies: Small text files stored on your browser, automatically sent to the server with every request. Used primarily for login sessions and tracking.
- Local Storage / Session Storage: Storage within your browser that can hold larger amounts of data (like user preferences or dark mode settings) without sending it to the server every time.
- Tokens (like JWT – JSON Web Tokens): Secure, encrypted strings used often in modern APIs and mobile apps to prove user identity.
- Server-Side Sessions: The server stores your data in its own database (like a shopping cart) and just gives your browser a small reference key to access it.
–
1. HTTP เฐชเฐฐเฐฟเฐเฐฏเฐ
- HTTP (เฐนเฑเฐชเฐฐเฑโเฐเฑเฐเฑเฐธเฑเฐเฑ เฐเฑเฐฐเฐพเฐจเฑเฐธเฑโเฐซเฐฐเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ): เฐตเฑเฐฌเฑ-เฐเฐงเฐพเฐฐเฐฟเฐค เฐ เฐชเฑเฐฒเฐฟเฐเฑเฐทเฐจเฑโเฐฒเฑ เฐเฐฎเฑเฐฏเฑเฐจเฐฟเฐเฑเฐเฑ เฐเฑเฐธเฑเฐเฑเฐตเฐกเฐพเฐจเฐฟเฐเฐฟ เฐ เฐจเฑเฐฎเฐคเฐฟเฐเฐเฑ เฐเฐ เฐ เฐชเฑเฐฒเฐฟเฐเฑเฐทเฐจเฑ เฐฒเฑเฐฏเฐฐเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ. เฐเฐฆเฐฟ เฐเฐเฐเฐฐเฑเฐจเฑเฐเฑโเฐเฑ เฐตเฑเฐจเฑเฐจเฑเฐฎเฑเฐเฐเฐพ เฐชเฐฐเฐฟเฐเฐฃเฐฟเฐเฐเฐฌเฐกเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐชเฑเฐฐเฐงเฐพเฐจ เฐฌเฐพเฐงเฑเฐฏเฐคเฐฒเฑ: เฐตเฑเฐฌเฑ เฐชเฑเฐเฑเฐฒเฐจเฑ เฐฒเฑเฐกเฑ เฐเฑเฐฏเฐกเฐ, เฐซเฐพเฐฐเฐฎเฑโเฐฒเฐจเฑ เฐธเฐฎเฐฐเฑเฐชเฐฟเฐเฐเฐกเฐ เฐฎเฐฐเฐฟเฐฏเฑ APIเฐฒเฐจเฑ เฐจเฐฟเฐฐเฑเฐตเฐนเฐฟเฐเฐเฐกเฐ.
- เฐ
เฐเฐคเฐฐเฑเฐฒเฑเฐจ เฐจเฑเฐเฑโเฐตเฐฐเฑเฐเฑ (Underlying Network): เฐเฐฆเฐฟ TCP/IP เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ เฐธเฑเฐเฑโเฐจเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- TCP (เฐเฑเฐฐเฐพเฐจเฑเฐธเฑโเฐฎเฐฟเฐทเฐจเฑ เฐเฐเฐเฑเฐฐเฑเฐฒเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ): เฐกเฑเฐเฐพ เฐชเฑเฐฏเฐพเฐเฑเฐเฑเฐฒเฐจเฑ เฐธเฑเฐเฐฐเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐฎเฐฐเฐฟเฐฏเฑ เฐธเฐฎเฑเฐเฐฐเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐฌเฐพเฐงเฑเฐฏเฐค เฐตเฐนเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- IP (เฐเฐเฐเฐฐเฑเฐจเฑเฐเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ): เฐกเฑเฐเฐพ เฐชเฑเฐฏเฐพเฐเฑเฐเฑเฐฒเฑ เฐธเฐฐเฑเฐจ เฐเฐฎเฑเฐฏเฐธเฑเฐฅเฐพเฐจเฐพเฐจเฐฟเฐเฐฟ เฐเฑเฐฐเฑเฐฒเฐพ เฐจเฐฟเฐฐเฑเฐงเฐพเฐฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐธเฑเฐตเฐญเฐพเฐตเฐ (Stateless Nature): HTTP เฐ
เฐจเฑเฐฆเฐฟ เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ, เฐ
เฐเฐเฑ เฐชเฑเฐฐเฐคเฐฟ เฐฒเฐพเฐตเฐพเฐฆเฑเฐตเฑ เฐชเฑเฐฐเฑเฐคเฐฟเฐเฐพ เฐธเฑเฐตเฐคเฐเฐคเฑเฐฐเฐเฐเฐพ เฐเฐเฐเฑเฐเฐฆเฐฟ.
- เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ: HTTP เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐ เฐฏเฐฟเฐจเฐชเฑเฐชเฐเฐฟเฐเฑ, เฐเฑเฐเฑเฐฒเฑ (cookies), เฐฒเฑเฐเฐฒเฑ เฐธเฑเฐเฑเฐฐเฑเฐเฑ (local storage) เฐฎเฐฐเฐฟเฐฏเฑ เฐเฐคเฐฐ เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐชเฐฆเฑเฐงเฐคเฑเฐฒเฐจเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐฟ เฐธเฑเฐเฑเฐเฑโเฐจเฑ เฐจเฐฟเฐฐเฑเฐตเฐนเฐฟเฐเฐเฐตเฐเฑเฐเฑ.
2. HTTP เฐฎเฐฐเฐฟเฐฏเฑ HTTPS เฐฎเฐงเฑเฐฏ เฐคเฑเฐกเฐพ
- เฐชเฑเฐฐเฐพเฐฎเฐพเฐฃเฐฟเฐ HTTP (Standard HTTP): เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ เฐเฑเฐฒเฐฟเฐฏเฐฐเฑ เฐเฑเฐเฑเฐธเฑเฐเฑโเฐฒเฑ (เฐเฐฆเฐตเฐเฐฒเฐฟเฐเฑ เฐตเฐฟเฐงเฐเฐเฐพ) เฐชเฐเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐฆเฑเฐจเฐฟเฐตเฐฒเฑเฐฒ เฐกเฑเฐเฐพ เฐ เฐเฐฆเฐฐเฐฟเฐเฑ เฐเฐจเฐฟเฐชเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ เฐฎเฐฐเฐฟเฐฏเฑ เฐนเฑเฐฏเฐพเฐเฐฐเฑเฐฒ เฐฆเฐพเฐกเฑเฐฒเฐเฑ เฐธเฑเฐฒเฐญเฐเฐเฐพ เฐเฑเฐฐเฐฏเฑเฐฏเฑ เฐชเฑเฐฐเฐฎเฐพเฐฆเฐ เฐเฐเฐฆเฐฟ.
- HTTPS (เฐนเฑเฐชเฐฐเฑโเฐเฑเฐเฑเฐธเฑเฐเฑ เฐเฑเฐฐเฐพเฐจเฑเฐธเฑโเฐซเฐฐเฑ เฐชเฑเฐฐเฑเฐเฑเฐเฐพเฐฒเฑ เฐธเฑเฐเฑเฐฏเฑเฐฐเฑ): HTTP เฐฒเฑเฐจเฐฟ เฐญเฐฆเฑเฐฐเฐคเฐพ เฐฒเฑเฐชเฐพเฐฒเฐจเฑ เฐชเฐฐเฐฟเฐทเฑเฐเฐฐเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐฆเฐฟ เฐธเฑเฐทเฑเฐเฐฟเฐเฐเฐฌเฐกเฐฟเฐเฐฆเฐฟ.
- เฐเฐเฐเฐฐเฑเฐจเฑเฐเฑ เฐฆเฑเฐตเฐพเฐฐเฐพ เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ เฐชเฐเฐเฑเฐเฑเฐจเฑเฐเฐชเฑเฐชเฑเฐกเฑ เฐกเฑเฐเฐพเฐจเฑ เฐเฐจเฑโเฐเฑเฐฐเฐฟเฐชเฑเฐเฑ (encrypt) เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐเฑเฐฒเฐฟเฐฏเฐฐเฑ เฐเฑเฐเฑเฐธเฑเฐเฑโเฐจเฑ, เฐเฐตเฐฐเฑ เฐเฐฆเฐตเฐฒเฑเฐจเฐฟ เฐฎเฐฐเฐฟเฐฏเฑ เฐ เฐฐเฑเฐฅเฐ เฐเฑเฐธเฑเฐเฑเฐฒเฑเฐจเฐฟ เฐตเฐฟเฐงเฐเฐเฐพ เฐฎเฐพเฐฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
3. SSL เฐฎเฐฐเฐฟเฐฏเฑ TLS (HTTPเฐเฐฟ เฐญเฐฆเฑเฐฐเฐค เฐเฐฒเฑเฐชเฐฟเฐเฐเฐกเฐ)
HTTP เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐจเฑ HTTPS เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐเฐพ เฐฎเฐพเฐฐเฑเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐจเฐฟเฐฐเฑเฐฆเฐฟเฐทเฑเฐ เฐญเฐฆเฑเฐฐเฐคเฐพ เฐชเฑเฐฐเฐฎเฐพเฐฃเฐพเฐฒเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐฌเฐกเฐคเฐพเฐฏเฐฟ:
- SSL (เฐธเฑเฐเฑเฐฏเฑเฐฐเฑ เฐธเฐพเฐเฑเฐเฑ เฐฒเฑเฐฏเฐฐเฑ – Secure Socket Layer):
- เฐกเฑเฐเฐพเฐจเฑ เฐธเฑเฐฐเฐเฑเฐทเฐฟเฐคเฐเฐเฐพ เฐเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐชเฐฌเฑเฐฒเฐฟเฐเฑ เฐเฑ (public key) เฐเฐจเฑโเฐเฑเฐฐเฐฟเฐชเฑเฐทเฐจเฑ เฐชเฐฆเฑเฐงเฐคเฐฟเฐจเฐฟ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ เฐฏเฑเฐเฑเฐ เฐธเฐฎเฐเฑเฐฐเฐคเฐจเฑ เฐชเฑเฐฐเฐพเฐฎเฐพเฐฃเฑเฐเฐฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ (authenticates).
- เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐจเฑ เฐเฑเฐฐเฑเฐคเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐฎเฐฐเฐฟเฐฏเฑ เฐชเฑเฐฐเฐพเฐฎเฐพเฐฃเฑเฐเฐฐเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐ เฐเฐฟเฐจเฑเฐจ เฐธเฐฐเฑเฐเฐฟเฐซเฐฟเฐเฑเฐเฑโเฐจเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- TLS (เฐเฑเฐฐเฐพเฐจเฑเฐธเฑโเฐชเฑเฐฐเฑเฐเฑ เฐฒเฑเฐฏเฐฐเฑ เฐธเฑเฐเฑเฐฏเฑเฐฐเฐฟเฐเฑ – Transport Layer Security):
- เฐเฐฆเฐฟ SSLเฐเฐฟ เฐเฐงเฑเฐจเฐฟเฐ เฐตเฐพเฐฐเฐธเฑเฐกเฑ (successor).
- เฐเฐฆเฐฟ เฐเฑเฐกเฐพ เฐชเฑเฐฐเฐงเฐพเฐจเฐเฐเฐพ เฐธเฐฐเฑเฐตเฐฐเฑ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐฒเฐจเฑ เฐชเฑเฐฐเฐพเฐฎเฐพเฐฃเฑเฐเฐฐเฐฟเฐเฐเฐกเฐ เฐฎเฐฐเฐฟเฐฏเฑ เฐชเฐเฐชเฐฟเฐจ เฐกเฑเฐเฐพเฐจเฑ เฐเฐจเฑโเฐเฑเฐฐเฐฟเฐชเฑเฐเฑ เฐเฑเฐฏเฐกเฐ เฐ เฐจเฑ เฐฎเฐพเฐฐเฑเฐเฐฆเฐฐเฑเฐถเฐเฐพเฐฒเฐจเฑ เฐ เฐจเฑเฐธเฐฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐเฐงเฑเฐจเฐฟเฐ เฐตเฑเฐฌเฑ เฐชเฑเฐฐเฐฎเฐพเฐฃเฐพเฐฒเฑ: SSL/TLSเฐจเฑ เฐ เฐฎเฐฒเฑ เฐเฑเฐฏเฐกเฐ เฐเฐชเฑเฐชเฑเฐกเฑ เฐตเฑเฐฌเฑโเฐเฑ เฐชเฑเฐฐเฐฎเฐพเฐฃเฐเฐเฐพ เฐฎเฐพเฐฐเฐฟเฐเฐฆเฐฟ. เฐเฐเฐตเฑเฐณ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑ เฐธเฑเฐฐเฐเฑเฐทเฐฟเฐคเฐเฐเฐพ เฐฒเฑเฐเฑเฐเฐเฑ, เฐตเฐฟเฐจเฐฟเฐฏเฑเฐเฐฆเฐพเฐฐเฑเฐฒเฐจเฑ เฐฐเฐเฑเฐทเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฑเฐเฑเฐฒเฑ เฐเฑเฐฐเฑเฐฎเฑ (Google Chrome) เฐฒเฐพเฐเฐเฐฟ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑ เฐนเฑเฐเฑเฐเฐฐเฐฟเฐ เฐธเฐเฐฆเฑเฐถเฐพเฐฒเฐจเฑ เฐเฑเฐชเฐฟเฐธเฑเฐคเฐพเฐฏเฐฟ.
4. HTTP เฐฎเฑเฐธเฑเฐเฑ เฐจเฐฟเฐฐเฑเฐฎเฐพเฐฃเฐ (เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐฒเฑ & เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑโเฐฒเฑ)
เฐชเฑเฐฐเฐคเฐฟ HTTP เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ เฐเฐฟเฐเฐฆเฐฟ เฐจเฐพเฐฒเฑเฐเฑ เฐชเฑเฐฐเฐงเฐพเฐจ เฐญเฐพเฐเฐพเฐฒเฐคเฑ เฐจเฐฟเฐฐเฑเฐฎเฐฟเฐเฐเฐฌเฐกเฑเฐคเฑเฐเฐฆเฐฟ:
- เฐธเฑเฐเฐพเฐฐเฑเฐเฑ เฐฒเฑเฐจเฑ (เฐฒเฑเฐฆเฐพ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ เฐเฑเฐธเฐ เฐธเฑเฐเฑเฐเฐธเฑ เฐฒเฑเฐจเฑ): เฐ เฐเฐฐเฑเฐฏ เฐคเฑเฐธเฑเฐเฑเฐตเฐพเฐฒเฑ เฐเฐฆเฐฟ เฐตเฐฟเฐตเฐฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ, HTTP 1.1 เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐฟ เฐจเฐฟเฐฐเฑเฐฆเฐฟเฐทเฑเฐ URL เฐจเฑเฐเฐกเฐฟ เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ
GETเฐเฑเฐฏเฐกเฐ). - เฐนเฑเฐกเฐฐเฑโเฐฒเฑ (Headers): เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑโเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐธเฐฐเฑเฐตเฐฐเฑโเฐฒ เฐฎเฐงเฑเฐฏ เฐ
เฐฆเฐจเฐชเฑ เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ เฐชเฐเฐชเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐตเฐฟ เฐเฐพเฐฒเฐพ เฐฎเฑเฐเฑเฐฏเฐฎเฑเฐจเฐตเฐฟ. เฐตเฑเฐเฐฟเฐฒเฑ เฐเฐตเฐฟ เฐเฐเฐกเฐตเฐเฑเฐเฑ:
- เฐเฐถเฐฟเฐเฐเฐฟเฐจ เฐชเฑเฐฐเฐคเฐฟเฐธเฑเฐชเฐเฐฆเฐจ เฐซเฐพเฐฐเฑเฐฎเฐพเฐเฑ (เฐเฐฆเฐพ: JSON, XML, HTML).
- เฐฐเฐเฑเฐทเฐฟเฐเฐเฐฌเฐกเฐฟเฐจ เฐกเฑเฐเฐพเฐจเฑ เฐฏเฐพเฐเฑเฐธเฑเฐธเฑ เฐเฑเฐฏเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐฅเฑเฐเฐเฐฟเฐเฑเฐทเฐจเฑ เฐตเฐฟเฐตเฐฐเฐพเฐฒเฑ.
- เฐเฐพเฐณเฑ เฐฒเฑเฐจเฑ (Empty Line): เฐนเฑเฐกเฐฐเฑโเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐฌเฐพเฐกเฑ เฐฎเฐงเฑเฐฏ เฐตเฐฟเฐญเฐพเฐเฐเฐเฐเฐพ เฐชเฐจเฐฟเฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐฌเฐพเฐกเฑ (Body): เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐฒเฑเฐฆเฐพ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ เฐฏเฑเฐเฑเฐ เฐ เฐธเฐฒเฑ เฐกเฑเฐเฐพ เฐเฐเฐฆเฑเฐฒเฑ เฐเฐเฐเฑเฐเฐฆเฐฟ (เฐเฐฆเฐพ: JSON เฐกเฑเฐเฐพ เฐฒเฑเฐฆเฐพ HTML เฐเฑเฐกเฑ).
5. HTTP เฐธเฑเฐเฑเฐเฐธเฑ เฐเฑเฐกเฑโเฐฒเฑ
เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐเฑ เฐชเฑเฐฐเฐคเฐฟเฐธเฑเฐชเฐเฐฆเฐจเฐเฐพ, เฐซเฐฒเฐฟเฐคเฐพเฐจเฑเฐจเฐฟ เฐตเฐฟเฐตเฐฐเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐธเฐฐเฑเฐตเฐฐเฑ เฐเฐพเฐฐเฑ เฐเฑเฐธเฑ 3-เฐ เฐเฐเฑเฐฒ เฐธเฐเฐเฑเฐฏเฐฒเฑ เฐ เฐธเฑเฐเฑเฐเฐธเฑ เฐเฑเฐกเฑโเฐฒเฑ:
- 100s (เฐธเฐฎเฐพเฐเฐพเฐฐเฐ): เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐธเฑเฐตเฑเฐเฐฐเฐฟเฐเฐเฐฌเฐกเฐฟเฐเฐฆเฐฟ, เฐชเฑเฐฐเฐเฑเฐฐเฐฟเฐฏ เฐเฑเฐจเฐธเฐพเฐเฑเฐคเฑเฐเฐฆเฐฟ.
- 200s (เฐตเฐฟเฐเฐฏเฐ): เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ-เฐธเฐฐเฑเฐตเฐฐเฑ เฐเฐฎเฑเฐฏเฑเฐจเฐฟเฐเฑเฐทเฐจเฑ เฐตเฐฟเฐเฐฏเฐตเฐเฐคเฐฎเฑเฐเฐฆเฐฟ.
- 300s (เฐฆเฐพเฐฐเฐฟ เฐฎเฐณเฑเฐฒเฐฟเฐเฐชเฑ – Redirection): เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐจเฑ เฐชเฑเฐฐเฑเฐคเฐฟ เฐเฑเฐฏเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐฎเฐฐเฐฟเฐเฐค เฐเฐฐเฑเฐฏ เฐคเฑเฐธเฑเฐเฑเฐตเฐพเฐฒเฐฟ.
- 400s (เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐเฐฐเฑเฐฐเฐฐเฑ): เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐตเฑเฐชเฑ เฐเฐฆเฑ เฐคเฐชเฑเฐชเฑ เฐเฐฐเฐฟเฐเฐฟเฐเฐฆเฐฟ (เฐเฐฆเฐพ: เฐเฐจเฐฟเฐเฐฟเฐฒเฑ เฐฒเฑเฐจเฐฟ URLเฐจเฑ เฐ เฐกเฐเฐกเฐ).
- 500s (เฐธเฐฐเฑเฐตเฐฐเฑ เฐเฐฐเฑเฐฐเฐฐเฑ): เฐธเฐฐเฑเฐตเฐฐเฑ เฐกเฑเฐจเฑ เฐ เฐฏเฐฟเฐเฐฆเฐฟ เฐฒเฑเฐฆเฐพ เฐธเฐฐเฐฟเฐเฑเฐเฐพ เฐชเฐจเฐฟเฐเฑเฐฏเฐกเฐ เฐฒเฑเฐฆเฑ.
6. เฐฐเฐฟเฐฏเฐฒเฑ-เฐตเฐฐเฐฒเฑเฐกเฑ API เฐเฐฎเฑเฐฏเฑเฐจเฐฟเฐเฑเฐทเฐจเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃ
- เฐเฐฐเฑเฐฏ (Action):
[https://www.vlrtraining.com](https://www.vlrtraining.com)เฐเฑ เฐตเฑเฐณเฑเฐฒเฐกเฐ. - เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐฎเฑเฐฅเฐกเฑ:
GET(เฐกเฑเฐเฐพเฐจเฑ เฐชเฑเฐเฐฆเฐกเฐ/เฐธเฑเฐตเฑเฐเฐฐเฐฟเฐเฐเฐกเฐ). - เฐชเฑเฐเฐฆเฐฟเฐจ เฐธเฑเฐเฑเฐเฐธเฑ เฐเฑเฐกเฑ:
200(เฐตเฐฟเฐเฐฏเฐ). - เฐนเฑเฐกเฐฐเฑโเฐฒเฑ: เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ เฐเฑเฐฐเฐฟเฐเฐเฐฟเฐจ เฐ เฐฆเฐจเฐชเฑ เฐธเฐฎเฐพเฐเฐพเฐฐเฐ (metadata) เฐเฐฒเฐฟเฐเฐฟ เฐเฐเฐเฐพเฐฏเฐฟ.
- เฐฌเฐพเฐกเฑ: เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑ เฐตเฑเฐฌเฑ เฐชเฑเฐเฑเฐจเฐฟ เฐชเฑเฐฐเฐฆเฐฐเฑเฐถเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐ เฐตเฐธเฐฐเฐฎเฑเฐจ เฐชเฑเฐฐเฑเฐคเฐฟ HTML เฐเฑเฐกเฑโเฐจเฑ เฐเฐฒเฐฟเฐเฐฟ เฐเฐเฐเฑเฐเฐฆเฐฟ.
เฐเฐเฐชเฑเฐฏเฑเฐเฐฐเฑ เฐจเฑเฐเฑโเฐตเฐฐเฑเฐเฐฟเฐเฐเฑ เฐฎเฐฐเฐฟเฐฏเฑ HTTP (เฐตเฑเฐฌเฑ) เฐชเฐฐเฐฟเฐญเฐพเฐทเฐฒเฑ ‘เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ’ (Stateless) เฐ เฐเฐเฑ “เฐเฐคเฐพเฐจเฑเฐจเฐฟ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐเฐชเฑเฐตเฐกเฐ”.
เฐฆเฑเฐจเฐฟเฐจเฐฟ เฐเฐเฐเฐพ เฐตเฐฟเฐตเฐฐเฐเฐเฐพ เฐ เฐฐเฑเฐฅเฐ เฐเฑเฐธเฑเฐเฑเฐเฐฆเฐพเฐ:
เฐฎเฑเฐฐเฑ (เฐเฑเฐฒเฐฏเฐฟเฐเฐเฑ เฐฒเฑเฐฆเฐพ เฐตเฑเฐฌเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ) เฐเฐ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฐฟ เฐเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐชเฐเฐชเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐธเฐฐเฑเฐตเฐฐเฑ เฐฆเฐพเฐจเฐฟเฐเฐฟ เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ (เฐธเฐฎเฐพเฐงเฐพเฐจเฐ) เฐเฐธเฑเฐคเฑเฐเฐฆเฐฟ. เฐ เฐชเฐจเฐฟ เฐชเฑเฐฐเฑเฐคเฐตเฑเฐตเฐเฐพเฐจเฑ, เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฑ เฐเฑเฐฐเฐฟเฐเฐเฐฟ เฐชเฑเฐฐเฑเฐคเฐฟเฐเฐพ เฐฎเฐฐเฑเฐเฐฟเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐฎเฑเฐฐเฑ เฐตเฑเฐเฐเฐจเฑ เฐฎเฐฐเฑเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐชเฐเฐชเฐฟเฐคเฑ, เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐเฐ เฐเฑเฐคเฑเฐค เฐตเฑเฐฏเฐเฑเฐคเฐฟเฐเฐพ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ เฐคเฐชเฑเฐช, “เฐเฐนเฑ, เฐเฐเฐฆเฐพเฐ เฐตเฐเฑเฐเฐฟเฐจ เฐตเฑเฐฏเฐเฑเฐคเฐฟเฐจเฑ เฐเฐฆเฐพ” เฐ เฐจเฐฟ เฐเฑเฐฐเฑเฐคเฑเฐชเฐเฑเฐเฐฆเฑ.
เฐ เฐเฐเฑ, เฐชเฑเฐฐเฐคเฐฟ เฐเฐเฑเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐเฐเฐฆเฐพเฐจเฐฟเฐเฑเฐเฐเฐฟ เฐธเฐเฐฌเฐเฐงเฐ เฐฒเฑเฐจเฐฟ เฐเฐ เฐธเฑเฐตเฐคเฐเฐคเฑเฐฐ เฐฒเฐพเฐตเฐพเฐฆเฑเฐตเฑเฐเฐพ (Independent Transaction) เฐชเฐฐเฐฟเฐเฐฃเฐฟเฐเฐเฐฌเฐกเฑเฐคเฑเฐเฐฆเฐฟ.
เฐฆเฑเฐจเฐฟเฐจเฐฟ เฐธเฑเฐฒเฐญเฐเฐเฐพ เฐ เฐฐเฑเฐฅเฐ เฐเฑเฐธเฑเฐเฑเฐตเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐ เฐจเฐฟเฐ เฐเฑเฐตเฐฟเฐค เฐเฐฆเฐพเฐนเฐฐเฐฃ เฐเฑเฐฆเฑเฐฆเฐพเฐ:
๐ เฐเฐ เฐฐเฑเฐธเฑเฐเฐพเฐฐเฑเฐเฐเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃ (Real-life Example):
1. เฐธเฑเฐเฑเฐเฑโเฐซเฑเฐฒเฑ (Stateful – เฐเฐคเฐพเฐจเฑเฐจเฐฟ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐจเฑเฐฆเฐฟ):
เฐฎเฑเฐฐเฑ เฐเฐ เฐฐเฑเฐธเฑเฐเฐพเฐฐเฑเฐเฐเฑโเฐเฑ เฐตเฑเฐณเฑเฐฒเฐฟ “เฐจเฐพเฐเฑ เฐเฐ เฐเฐฟเฐเฑเฐจเฑ เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑ เฐเฐพเฐตเฐพเฐฒเฐฟ” เฐ เฐจเฐฟ เฐตเฑเฐฏเฐฟเฐเฐฐเฑโเฐเฑ เฐเฑเฐชเฑเฐชเฐพเฐฐเฑ. เฐเฐพเฐธเฑเฐชเฐเฐฟ เฐคเฐฐเฑเฐตเฐพเฐค เฐฎเฐณเฑเฐฒเฑ เฐตเฑเฐฏเฐฟเฐเฐฐเฑโเฐจเฑ เฐชเฐฟเฐฒเฐฟเฐเฐฟ, “เฐฆเฐพเฐจเฐฟเฐเฐฟ เฐเฐ เฐฅเฐฎเฑเฐธเฑ เฐ เฐชเฑ (Thums Up) เฐเฑเฐกเฐพ เฐคเฑเฐธเฑเฐเฑเฐฐเฐเฐกเฐฟ” เฐ เฐจเฐฟ เฐเฑเฐชเฑเฐคเฐพเฐฐเฑ. เฐตเฑเฐฏเฐฟเฐเฐฐเฑโเฐเฑ เฐฎเฑเฐฐเฑ เฐเฐฆเฐฟเฐตเฐฐเฐเฑ เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑ เฐเฐฐเฑเฐกเฐฐเฑ เฐเฑเฐถเฐพเฐฐเฐจเฐฟ เฐเฑเฐฐเฑเฐคเฑเฐเฐเฑเฐเฐฆเฐฟ เฐเฐพเฐฌเฐเฑเฐเฐฟ, เฐ เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑเฐเฐฟ เฐฅเฐฎเฑเฐธเฑ เฐ เฐชเฑ เฐเฐค เฐเฑเฐธเฐฟ เฐฎเฑเฐเฑ เฐฌเฐฟเฐฒเฑเฐฒเฑ เฐเฐธเฑเฐคเฐพเฐกเฑ.
2. เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ (Stateless – HTTP เฐฒเฐพเฐเฐพ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐจเฐฟเฐฆเฐฟ):
เฐเฐเฑเฐเฐก เฐตเฑเฐฏเฐฟเฐเฐฐเฑโเฐเฑ (เฐ เฐฆเฑ เฐฎเฐจ เฐธเฐฐเฑเฐตเฐฐเฑ) เฐคเฑเฐตเฑเฐฐเฐฎเฑเฐจ เฐฎเฐคเฐฟเฐฎเฐฐเฑเฐชเฑ เฐเฐเฐเฑเฐเฐฆเฐฟ.
- เฐฎเฑเฐฐเฑ: “เฐจเฐพเฐเฑ เฐเฐ เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑ เฐเฐพเฐตเฐพเฐฒเฐฟ.” (เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ 1)
- เฐตเฑเฐฏเฐฟเฐเฐฐเฑ: เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑ เฐคเฑเฐเฑเฐเฐฟ เฐเฐเฑเฐเฐพเฐกเฑ. (เฐฐเฑเฐธเฑเฐชเฐพเฐจเฑเฐธเฑ 1)
- เฐฎเฑเฐฐเฑ: (เฐฎเฐณเฑเฐฒเฑ เฐชเฐฟเฐฒเฐฟเฐเฐฟ) “เฐเฐ เฐฅเฐฎเฑเฐธเฑ เฐ เฐชเฑ เฐคเฑเฐธเฑเฐเฑเฐฐเฐเฐกเฐฟ, เฐเฐเฐคเฐเฑ เฐฎเฑเฐเฐฆเฑ เฐคเฑเฐเฑเฐเฐฟเฐจ เฐฆเฐพเฐจเฐฟเฐเฐฟ เฐเฐฒเฐฟเฐชเฐฟ เฐฌเฐฟเฐฒเฑเฐฒเฑ เฐเฐตเฑเฐตเฐเฐกเฐฟ.” (เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ 2)
- เฐตเฑเฐฏเฐฟเฐเฐฐเฑ: “เฐจเฑเฐตเฑเฐตเฑ เฐเฐตเฐฐเฑ? เฐเฐเฐคเฐเฑเฐฎเฑเฐเฐฆเฑ เฐจเฑเฐจเฑ เฐจเฑเฐเฑ เฐเฐ เฐเฐเฑเฐเฐพเฐจเฑ? เฐจเฐพเฐเฑเฐ เฐเฑเฐฐเฑเฐคเฑเฐฒเฑเฐฆเฑ!” เฐ เฐเฐเฐพเฐกเฑ.
เฐเฐฆเฑ HTTPเฐฒเฑ เฐเฐฐเฐฟเฐเฑเฐฆเฐฟ. เฐเฐพเฐฌเฐเฑเฐเฐฟ เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐชเฐฆเฑเฐงเฐคเฐฟเฐฒเฑ เฐฎเฑเฐฐเฑ เฐชเฑเฐฐเฐคเฐฟเฐธเฐพเฐฐเฑ เฐชเฑเฐฐเฑเฐคเฐฟ เฐธเฐฎเฐพเฐเฐพเฐฐเฐ เฐเฐตเฑเฐตเฐพเฐฒเฑเฐธเฐฟ เฐเฐเฐเฑเฐเฐฆเฐฟ. เฐ เฐเฐเฑ เฐฎเฑเฐฐเฑ เฐตเฑเฐฏเฐฟเฐเฐฐเฑโเฐคเฑ, “เฐจเฐพ เฐเฑเฐฌเฑเฐฒเฑ เฐจเฑเฐเฐฌเฐฐเฑ 5, เฐจเฐพ เฐฆเฐเฑเฐเฐฐ เฐเฐ เฐเฑเฐเฑเฐจเฑ เฐเฐเฐฆเฐฟ, เฐจเฑเฐจเฑ เฐเฐเฐคเฐเฑเฐฎเฑเฐเฐฆเฑ เฐฌเฐฟเฐฐเฑเฐฏเฐพเฐจเฑ เฐคเฑเฐธเฑเฐเฑเฐจเฑเฐจเฐพเฐจเฑ, เฐฆเฐพเฐจเฐฟเฐเฐฟ เฐเฐชเฑเฐชเฑเฐกเฑ เฐฅเฐฎเฑเฐธเฑ เฐ เฐชเฑ เฐฏเฐพเฐกเฑ เฐเฑเฐฏเฐเฐกเฐฟ” เฐ เฐจเฐฟ เฐฎเฑเฐคเฑเฐคเฐ เฐเฐฅ เฐเฑเฐชเฑเฐชเฐพเฐฒเฐฟ.
๐ เฐเฑเฐเฑเฐจเฐฟเฐเฐฒเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃ (เฐเฐจเฑโเฐฒเฑเฐจเฑ เฐทเฐพเฐชเฐฟเฐเฐเฑ – Amazon/Flipkart):
เฐฎเฑเฐฐเฑ เฐ เฐฎเฑเฐเฐพเฐจเฑ เฐฒเฑ เฐทเฐพเฐชเฐฟเฐเฐเฑ เฐเฑเฐธเฑเฐคเฑเฐจเฑเฐจเฐพเฐฐเฐจเฐฟ เฐ เฐจเฑเฐเฑเฐเฐฆเฐพเฐ.
- เฐฎเฑเฐฐเฑ เฐเฐ เฐทเฐฐเฑเฐเฑ เฐจเฑ “Add to Cart” เฐเฑเฐถเฐพเฐฐเฑ. (เฐธเฐฐเฑเฐตเฐฐเฑ เฐฆเฐพเฐจเฑเฐจเฐฟ เฐฎเฑ เฐเฐพเฐฐเฑเฐเฑโเฐฒเฑ เฐตเฑเฐธเฐฟ, เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐฎเฐฐเฑเฐเฐฟเฐชเฑเฐคเฑเฐเฐฆเฐฟ).
- เฐ เฐคเฐฐเฑเฐตเฐพเฐค เฐฎเฑเฐฐเฑ เฐเฐเฐเฑ เฐชเฑเฐเฑเฐเฐฟ เฐตเฑเฐณเฑเฐฒเฐฟ เฐเฐ เฐชเฑเฐฏเฐพเฐเฐเฑ เฐจเฑ “Add to Cart” เฐเฑเฐถเฐพเฐฐเฑ.
เฐชเฑเฐฐเฐถเฑเฐจ: เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ เฐฎเฐคเฐฟเฐฎเฐฐเฑเฐชเฑ (Stateless) เฐเฐเฐเฑ, เฐฎเฑเฐฐเฑ เฐชเฑเฐฏเฐพเฐเฐเฑ เฐฏเฐพเฐกเฑ เฐเฑเฐธเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐ เฐเฐคเฐเฑเฐฎเฑเฐเฐฆเฑ เฐทเฐฐเฑเฐเฑ เฐฏเฐพเฐกเฑ เฐเฑเฐถเฐพเฐฐเฐจเฑ เฐตเฐฟเฐทเฐฏเฐ เฐฆเฐพเฐจเฐฟเฐเฐฟ เฐเฐฒเฐพ เฐคเฑเฐฒเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ? เฐฎเฑ เฐเฐพเฐฐเฑเฐเฑโเฐฒเฑ เฐฐเฑเฐเฐกเฑ เฐตเฐธเฑเฐคเฑเฐตเฑเฐฒเฑ เฐเฐฒเฐพ เฐเฐจเฐฟเฐชเฐฟเฐธเฑเฐคเฐพเฐฏเฐฟ?
เฐธเฐฎเฐพเฐงเฐพเฐจเฐ: เฐเฑเฐเฑเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐเฑเฐเฑเฐจเฑเฐฒเฑ (Cookies & Tokens)
HTTP เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐ เฐฏเฐฟเฐจเฐชเฑเฐชเฐเฐฟเฐเฑ, เฐฎเฐจ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐคเฑเฐฒเฐฟเฐตเฐฟเฐเฐพ เฐตเฑเฐฏเฐตเฐนเฐฐเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ. เฐฎเฑเฐฆเฐเฐฟเฐธเฐพเฐฐเฐฟ เฐฎเฑเฐฐเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐ เฐฏเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐเฑ เฐเฐ เฐเฐฟเฐจเฑเฐจ เฐเฐกเฑ เฐเฐพเฐฐเฑเฐกเฑ เฐฒเฐพเฐเฐเฐฟเฐฆเฐฟ เฐเฐธเฑเฐคเฑเฐเฐฆเฐฟ (เฐฆเฐพเฐจเฑเฐจเฑ เฐเฑเฐเฑ เฐฒเฑเฐฆเฐพ เฐธเฑเฐทเฐจเฑ เฐเฐกเฑ เฐ เฐเฐเฐพเฐฐเฑ).
เฐฎเฑเฐฐเฑ เฐฐเฑเฐเฐกเฐตเฐธเฐพเฐฐเฐฟ เฐชเฑเฐฏเฐพเฐเฐเฑ เฐเฐฐเฑเฐกเฐฐเฑ เฐเฑเฐธเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐเฑเฐตเฐฒเฐ “เฐชเฑเฐฏเฐพเฐเฐเฑ เฐเฐพเฐตเฐพเฐฒเฐฟ” เฐ เฐจเฐฟ เฐ เฐกเฐเฐฆเฑ. “เฐเฐฆเฐฟเฐเฑ เฐจเฐพ เฐเฐกเฑ เฐเฐพเฐฐเฑเฐกเฑ (Cookie/Token), เฐจเฐพ เฐเฐกเฑ 12345, เฐจเฐพ เฐเฐพเฐฐเฑเฐเฑโเฐฒเฑ เฐชเฑเฐฏเฐพเฐเฐเฑ เฐเฑเฐกเฐพ เฐฏเฐพเฐกเฑ เฐเฑเฐฏเฑ” เฐ เฐจเฐฟ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐคเฑ เฐชเฐพเฐเฑ เฐฎเฑ เฐเฑเฐฐเฑเฐคเฐฟเฐเฐชเฑเฐจเฑ เฐเฑเฐกเฐพ เฐชเฐเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐ เฐชเฑเฐชเฑเฐกเฑ เฐธเฐฐเฑเฐตเฐฐเฑ เฐ เฐเฐกเฑเฐจเฐฟ เฐเฑเฐธเฐฟ เฐฎเฑ เฐเฐพเฐคเฐพเฐจเฑ เฐเฑเฐฐเฑเฐคเฐฟเฐเฐเฐฟ เฐชเฑเฐฏเฐพเฐเฐเฑโเฐจเฑ เฐฏเฐพเฐกเฑ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
เฐ เฐธเฐฒเฑ เฐ ‘เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ’ เฐตเฐฒเฑเฐฒ เฐฒเฐพเฐญเฐ เฐเฐฎเฐฟเฐเฐฟ?
- เฐธเฐฐเฑเฐตเฐฐเฑโเฐชเฑ เฐญเฐพเฐฐเฐ เฐคเฐเฑเฐเฑเฐต: เฐชเฑเฐฐเฐชเฐเฐเฐตเฑเฐฏเฐพเฐชเฑเฐคเฐเฐเฐพ เฐฒเฐเฑเฐทเฐฒเฐพเฐฆเฐฟ เฐฎเฐเฐฆเฐฟ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐจเฑ เฐตเฐพเฐกเฑเฐคเฑเฐเฐเฐพเฐฐเฑ. เฐชเฑเฐฐเฐคเฐฟ เฐเฐเฑเฐเฐฐเฐฟ เฐกเฑเฐเฐพเฐจเฑ เฐธเฐฐเฑเฐตเฐฐเฑ เฐคเฐจ เฐฎเฑเฐฎเฐฐเฑเฐฒเฑ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐตเฐพเฐฒเฐเฐเฑ เฐธเฐฐเฑเฐตเฐฐเฑเฐฒเฑ เฐเฑเฐฐเฐพเฐทเฑ เฐ เฐตเฑเฐคเฐพเฐฏเฐฟ. เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐตเฐฒเฑเฐฒ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ เฐ เฐเฐทเฑเฐเฐ เฐคเฐชเฑเฐชเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐธเฑเฐชเฑเฐกเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐธเฑเฐเฑเฐฒเฐฌเฐฟเฐฒเฐฟเฐเฑ (Scalability): เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ, เฐ เฐฎเฑเฐเฐพเฐจเฑโเฐเฑ เฐตเฐเฐฆเฐฒ เฐเฑเฐฆเฑเฐฆเฑ เฐธเฐฐเฑเฐตเฐฐเฑเฐฒเฑ เฐเฐเฐเฐพเฐฏเฐฟ. เฐฎเฑ เฐฎเฑเฐฆเฐเฐฟ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐเฐ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ, เฐฐเฑเฐเฐกเฐต เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐตเฑเฐฐเฑเฐ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ เฐตเฑเฐณเฑเฐฒเฐฟเฐจเฐพ เฐเฐฒเฐพเฐเฐเฐฟ เฐเฐฌเฑเฐฌเฐเฐฆเฐฟ เฐเฐเฐกเฐฆเฑ, เฐเฐเฐฆเฑเฐเฐเฐเฑ เฐฎเฑเฐฐเฑ เฐชเฑเฐฐเฐคเฐฟ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐฒเฑเฐจเฑ เฐฎเฑ เฐชเฑเฐฐเฑเฐคเฐฟ เฐธเฐฎเฐพเฐเฐพเฐฐเฐพเฐจเฑเฐจเฐฟ (Cookie เฐฆเฑเฐตเฐพเฐฐเฐพ) เฐชเฐเฐชเฑเฐคเฑเฐจเฑเฐจเฐพเฐฐเฑ.
เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ (State Management) เฐ เฐเฐเฑ เฐตเฑเฐฌเฑ เฐฒเฐพเฐเฐเฐฟ เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ เฐตเฐพเฐคเฐพเฐตเฐฐเฐฃเฐเฐฒเฑ, เฐตเฐฟเฐจเฐฟเฐฏเฑเฐเฐฆเฐพเฐฐเฑเฐฒ เฐกเฑเฐเฐพเฐจเฑ (“เฐธเฑเฐเฑเฐเฑ”) เฐเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐจเฑเฐเฐกเฐฟ เฐฎเฐฐเฑเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐเฑ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐตเฐกเฐ เฐฎเฐฐเฐฟเฐฏเฑ เฐจเฐฟเฐฐเฑเฐตเฐนเฐฟเฐเฐเฐกเฐ.
HTTP เฐ เฐจเฑเฐฆเฐฟ เฐธเฐนเฐเฐเฐเฐพ “เฐธเฑเฐเฑเฐเฑโเฐฒเฑเฐธเฑ” (stateless) เฐ เฐเฐเฑ เฐเฐ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ เฐชเฑเฐฐเฑเฐคเฐฟ เฐเฐพเฐเฐพเฐจเฑ เฐ เฐฆเฐฟ เฐฎเฑ เฐเฑเฐฐเฐฟเฐเฐเฐฟ เฐชเฑเฐฐเฑเฐคเฐฟเฐเฐพ เฐฎเฐฐเฑเฐเฐฟเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐเฐพเฐฌเฐเฑเฐเฐฟ เฐเฐงเฑเฐจเฐฟเฐ เฐฎเฐฐเฐฟเฐฏเฑ เฐเฐเฐเฐฐเฐพเฐเฑเฐเฐฟเฐตเฑ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐฒเฐจเฑ เฐจเฐฟเฐฐเฑเฐฎเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐกเฑเฐตเฐฒเฐชเฐฐเฑเฐฒเฑ เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐชเฐฆเฑเฐงเฐคเฑเฐฒเฐจเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐพเฐฒเฑเฐธเฐฟ เฐเฐเฐเฑเฐเฐฆเฐฟ. เฐเฐเฑเฐเฐก “เฐธเฑเฐเฑเฐเฑ” เฐ เฐเฐเฑ เฐจเฐฟเฐฐเฑเฐฆเฐฟเฐทเฑเฐ เฐธเฐฎเฐฏเฐเฐฒเฑ เฐเฑเฐฐเฑเฐคเฑเฐชเฑเฐเฑเฐเฑเฐเฑเฐตเฐพเฐฒเฑเฐธเฐฟเฐจ เฐเฐฆเฑเฐจเฐพ เฐกเฑเฐเฐพ โ เฐ เฐเฐเฑ เฐฎเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐธเฑเฐเฑเฐเฐธเฑ, เฐทเฐพเฐชเฐฟเฐเฐเฑ เฐเฐพเฐฐเฑเฐเฑโเฐฒเฑเฐจเฐฟ เฐตเฐธเฑเฐคเฑเฐตเฑเฐฒเฑ เฐฒเฑเฐฆเฐพ เฐฎเฑเฐฐเฑ เฐเฐเฐเฑเฐเฑเฐจเฑเฐจ เฐญเฐพเฐท (language settings) เฐฒเฐพเฐเฐเฐฟเฐตเฐฟ เฐ เฐจเฑเฐจเฐฎเฐพเฐ.
๐๏ธ เฐเฐ เฐฐเฐฟเฐฏเฐฒเฑ-เฐฒเฑเฐซเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃ: เฐฅเฑเฐฎเฑ เฐชเฐพเฐฐเฑเฐเฑ
เฐเฐ เฐฅเฑเฐฎเฑ เฐชเฐพเฐฐเฑเฐเฑ (Theme Park) เฐเฐนเฐฟเฐเฐเฑเฐเฑเฐเฐกเฐฟ. เฐ เฐเฑเฐเฐก เฐฐเฑเฐกเฑเฐฒเฑ เฐจเฐกเฐฟเฐชเฑ เฐเฐชเฐฐเฑเฐเฐฐเฑเฐฒเฐเฑ เฐ เฐธเฑเฐธเฐฒเฑ เฐเฑเฐเฐพเฐชเฐเฐถเฐเฑเฐคเฐฟ เฐฒเฑเฐฆเฑ (Stateless).
เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐฒเฑเฐเฐชเฑเฐคเฑ:
เฐฎเฑเฐฐเฑ เฐฎเฑเฐฏเฐฟเฐจเฑ เฐเฑเฐเฑ เฐฆเฐเฑเฐเฐฐ เฐฐเฑเฐเฐเฐคเฐพ เฐตเฐพเฐกเฑเฐเฑเฐจเฑ เฐชเฐพเฐธเฑ เฐเฑเฐธเฐ เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐเฐเฑเฐเฐพเฐฐเฑ. เฐ เฐคเฐฐเฑเฐตเฐพเฐค เฐฐเฑเฐฒเฐฐเฑ เฐเฑเฐธเฑเฐเฐฐเฑ เฐฆเฐเฑเฐเฐฐเฐเฑ เฐตเฑเฐณเฑเฐฒเฐพเฐฐเฑ, เฐเฐพเฐจเฑ เฐเฐชเฐฐเฑเฐเฐฐเฑ เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐ เฐจเฑเฐฎเฐคเฐฟเฐเฐเฐกเฑ เฐเฐเฐฆเฑเฐเฐเฐเฑ เฐฎเฑเฐฐเฑ เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐเฐเฑเฐเฐพเฐฐเฐจเฐฟ เฐ เฐคเฐจเฐฟเฐเฐฟ เฐคเฑเฐฒเฐฟเฐฏเฐฆเฑ (เฐเฑเฐฐเฑเฐคเฑเฐฒเฑเฐฆเฑ). เฐฎเฐณเฑเฐฒเฑ เฐฎเฑเฐฐเฑ เฐเฑเฐเฑ เฐฆเฐเฑเฐเฐฐเฐเฑ เฐตเฑเฐณเฑเฐฒเฐฟ, เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐคเฑเฐธเฑเฐเฑเฐจเฑเฐจ เฐตเฑเฐฏเฐเฑเฐคเฐฟเฐจเฐฟ เฐคเฑเฐธเฑเฐเฑเฐเฑเฐเฐฟ เฐฎเฑเฐฐเฑ เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐเฐเฑเฐเฐพเฐฐเฐจเฐฟ เฐจเฐฟเฐฐเฑเฐชเฐฟเฐเฐเฑเฐเฑเฐตเฐพเฐฒเฐฟ. เฐฎเฑเฐฐเฑ เฐเฐเฑเฐเฑ เฐชเฑเฐฐเฐคเฐฟ เฐฐเฑเฐกเฑโเฐเฑ เฐเฐฒเฐพเฐจเฑ เฐเฑเฐฏเฐพเฐฒเฑเฐธเฐฟ เฐตเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐเฐเฐเฑ (เฐฐเฐฟเฐธเฑเฐเฑโเฐฌเฑเฐฏเฐพเฐเฐกเฑ):
เฐฎเฑเฐฐเฑ เฐเฑเฐเฑ เฐฆเฐเฑเฐเฐฐ เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐเฐเฑเฐเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐตเฐพเฐฐเฑ เฐฎเฑเฐเฑ เฐเฑเฐคเฐฟเฐเฐฟ เฐเฐ เฐเฐฒเฐฐเฑ เฐฌเฑเฐฏเฐพเฐเฐกเฑ (Wristband) เฐเฐกเฐคเฐพเฐฐเฑ. เฐเฐชเฑเฐชเฑเฐกเฑ เฐฎเฑเฐฐเฑ เฐฐเฑเฐฒเฐฐเฑ เฐเฑเฐธเฑเฐเฐฐเฑ เฐฆเฐเฑเฐเฐฐเฐเฑ เฐตเฑเฐณเฑเฐณเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐเฑเฐตเฐฒเฐ เฐ เฐฌเฑเฐฏเฐพเฐเฐกเฑ เฐเฑเฐชเฐฟเฐธเฑเฐคเฑ เฐธเฐฐเฐฟเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐเฐชเฐฐเฑเฐเฐฐเฑโเฐเฑ เฐเฐชเฑเฐชเฐเฐฟเฐเฑ เฐเฑเฐเฐพเฐชเฐเฐถเฐเฑเฐคเฐฟ เฐฒเฑเฐฆเฑ, เฐเฐพเฐจเฑ เฐ เฐฌเฑเฐฏเฐพเฐเฐกเฑ เฐฎเฑ “เฐธเฑเฐเฑเฐเฑ” เฐจเฑ เฐจเฐฟเฐฐเฑเฐชเฐฟเฐธเฑเฐคเฑเฐเฐฆเฐฟ (เฐ เฐเฐเฑ เฐฎเฑเฐฐเฑ เฐกเฐฌเฑเฐฌเฑเฐฒเฑ เฐเฑเฐฒเฑเฐฒเฐฟเฐเฐเฐฟเฐจ เฐเฐธเฑเฐเฐฎเฐฐเฑ เฐ เฐจเฐฟ). เฐ เฐฌเฑเฐฏเฐพเฐเฐกเฑ เฐเฑเฐชเฐฟเฐเฐเฐฟ เฐฎเฑเฐฐเฑ เฐเฐจเฑเฐจเฐฟ เฐฐเฑเฐกเฑเฐฒเฑเฐจเฐพ เฐเฐเฐเฐพเฐฏเฑ เฐเฑเฐฏเฐตเฐเฑเฐเฑ.
๐ป เฐตเฑเฐฌเฑโเฐฒเฑ เฐเฐฆเฐฟ เฐเฐฒเฐพ เฐชเฐจเฐฟเฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ (เฐเฑเฐเฑเฐจเฐฟเฐเฐฒเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃ)
เฐฎเฑเฐฐเฑ Netflix เฐฒเฐพเฐเฐเฐฟ เฐตเฑเฐฌเฑโเฐธเฑเฐเฑโเฐฒเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐ เฐฏเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐเฐฒเฐพ เฐชเฐจเฐฟเฐเฑเฐธเฑเฐคเฑเฐเฐฆเฑ เฐเฑเฐฆเฑเฐฆเฐพเฐ:
- เฐฎเฑเฐฆเฐเฐฟ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑ (The Initial Request): เฐฎเฑเฐฐเฑ เฐฎเฑ เฐฏเฑเฐเฐฐเฑ เฐจเฑเฐฎเฑ, เฐชเฐพเฐธเฑโเฐตเฐฐเฑเฐกเฑ เฐเฐเฐเฐฐเฑ เฐเฑเฐธเฐฟ “เฐฒเฐพเฐเฐฟเฐจเฑ” เฐชเฑ เฐเฑเฐฒเฐฟเฐเฑ เฐเฑเฐธเฑเฐคเฐพเฐฐเฑ.
- เฐธเฑเฐเฑเฐเฑโเฐจเฑ เฐเฑเฐฐเฐฟเฐฏเฑเฐเฑ เฐเฑเฐฏเฐกเฐ (Creating the State): เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฑ เฐชเฐพเฐธเฑโเฐตเฐฐเฑเฐกเฑโเฐจเฑ เฐเฑเฐเฑ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ. เฐ เฐฆเฐฟ เฐเฐฐเฑเฐเฑเฐเฑ เฐ เฐจเฐฟ เฐคเฑเฐฒเฑเฐธเฑเฐเฑเฐเฐเฑเฐเฐฆเฐฟ. เฐคเฐฆเฑเฐชเฐฐเฐฟ เฐเฑเฐฒเฐฟเฐเฑโเฐฒเฑเฐจเฑ เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐฎเฐฐเฑเฐเฐฟเฐชเฑเฐเฑเฐเฐกเฐพ เฐเฐเฐกเฐเฐพเฐจเฐฟเฐเฐฟ, เฐธเฐฐเฑเฐตเฐฐเฑ เฐฎเฑเฐเฐเฐเฑ เฐเฐ เฐชเฑเฐฐเฐคเฑเฐฏเฑเฐเฐฎเฑเฐจ, เฐเฐจเฑโเฐเฑเฐฐเฐฟเฐชเฑเฐเฑ เฐเฑเฐฏเฐฌเฐกเฐฟเฐจ เฐเฐกเฑเฐจเฐฟ เฐเฑเฐฐเฐฟเฐฏเฑเฐเฑ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ (เฐเฐฆเฑ เฐฎเฐจ เฐฅเฑเฐฎเฑ เฐชเฐพเฐฐเฑเฐเฑ เฐเฐฆเฐพเฐนเฐฐเฐฃเฐฒเฑเฐจเฐฟ เฐฐเฐฟเฐธเฑเฐเฑโเฐฌเฑเฐฏเฐพเฐเฐกเฑ).
- เฐธเฑเฐเฑเฐเฑโเฐจเฑ เฐธเฑเฐเฑเฐฐเฑ เฐเฑเฐฏเฐกเฐ (Storing the State): เฐธเฐฐเฑเฐตเฐฐเฑ เฐ เฐเฐกเฑเฐจเฐฟ เฐคเฐฟเฐฐเฐฟเฐเฐฟ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐเฑ เฐชเฐเฐชเฐฟ, เฐฆเฐพเฐจเฐฟเฐจเฐฟ เฐเฐพเฐเฑเฐฐเฐคเฑเฐคเฐเฐพ เฐฆเฐพเฐเฑเฐเฑเฐฎเฐจเฐฟ เฐเฑเฐฌเฑเฐคเฑเฐเฐฆเฐฟ. เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐ เฐเฐกเฑเฐจเฐฟ เฐเฑเฐเฑ (Cookie) เฐฒเฑเฐฆเฐพ เฐฒเฑเฐเฐฒเฑ เฐธเฑเฐเฑเฐฐเฑเฐเฑ (Local Storage) เฐ เฐจเฑ เฐชเฑเฐฐเฐฆเฑเฐถเฐเฐฒเฑ เฐญเฐฆเฑเฐฐเฐชเฐฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
- เฐธเฑเฐเฑเฐเฑโเฐจเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฐกเฐ (Using the State): เฐฎเฑเฐฐเฑ เฐเฐ เฐธเฐฟเฐจเฐฟเฐฎเฐพ เฐเฑเฐกเฐเฐพเฐจเฐฟเฐเฐฟ เฐเฑเฐฒเฐฟเฐเฑ เฐเฑเฐธเฐฟเฐจเฐชเฑเฐชเฑเฐกเฑ, เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑ เฐเฐเฑเฐฎเฑเฐเฐฟเฐเฑโเฐเฐพ เฐ เฐเฑเฐเฑเฐจเฐฟ (เฐเฐกเฑเฐจเฐฟ) เฐฎเฑ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐเฑ เฐเฐคเฐเฑเฐธเฐฟ เฐชเฐเฐชเฑเฐคเฑเฐเฐฆเฐฟ. เฐธเฐฐเฑเฐตเฐฐเฑ เฐ เฐเฑเฐเฑเฐจเฐฟ เฐเฑเฐธเฐฟ, เฐฎเฑเฐฐเฑ เฐ เฐธเฐฒเฑเฐจ เฐฏเฑเฐเฐฐเฑ เฐ เฐจเฐฟ เฐเฑเฐฐเฑเฐคเฐฟเฐเฐเฐฟ, เฐฎเฐฟเฐฎเฑเฐฎเฐฒเฑเฐจเฐฟ เฐฎเฐณเฑเฐฒเฑ เฐฒเฐพเฐเฐฟเฐจเฑ เฐ เฐกเฐเฐเฑเฐเฐกเฐพ เฐกเฑเฐฐเฑเฐเฑเฐเฑโเฐเฐพ เฐธเฐฟเฐจเฐฟเฐฎเฐพเฐจเฑ เฐชเฑเฐฒเฑ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
เฐธเฑเฐเฑเฐเฑ เฐฎเฑเฐจเฑเฐเฑโเฐฎเฑเฐเฐเฑ เฐเฑเฐธเฐ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฑ เฐธเฐพเฐงเฐพเฐฐเฐฃ เฐเฑเฐฒเฑเฐธเฑ
- เฐเฑเฐเฑเฐฒเฑ (Cookies): เฐเฐตเฐฟ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑ เฐธเฑเฐเฑเฐฐเฑ เฐ เฐฏเฑเฐฏเฑ เฐเฐฟเฐจเฑเฐจ เฐเฑเฐเฑเฐธเฑเฐเฑ เฐซเฑเฐฒเฑเฐธเฑ. เฐชเฑเฐฐเฐคเฐฟ เฐฐเฐฟเฐเฑเฐตเฑเฐธเฑเฐเฑโเฐคเฑ เฐชเฐพเฐเฑ เฐเฐเฑเฐฎเฑเฐเฐฟเฐเฑโเฐเฐพ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ เฐชเฐเฐชเฐฌเฐกเฐคเฐพเฐฏเฐฟ. เฐตเฑเฐเฐฟเฐจเฐฟ เฐชเฑเฐฐเฐงเฐพเฐจเฐเฐเฐพ เฐฒเฐพเฐเฐฟเฐจเฑ เฐธเฑเฐทเฐจเฑเฐธเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐเฑเฐฐเฐพเฐเฐฟเฐเฐเฑ เฐเฑเฐธเฐ เฐเฐชเฐฏเฑเฐเฐฟเฐธเฑเฐคเฐพเฐฐเฑ.
- เฐฒเฑเฐเฐฒเฑ เฐธเฑเฐเฑเฐฐเฑเฐเฑ / เฐธเฑเฐทเฐจเฑ เฐธเฑเฐเฑเฐฐเฑเฐเฑ (Local Storage / Session Storage): เฐเฐตเฐฟ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐฒเฑเฐจเฑ เฐเฐเฑเฐเฑเฐต เฐกเฑเฐเฐพเฐจเฑ (เฐเฐฆเฐพเฐนเฐฐเฐฃเฐเฑ, เฐกเฐพเฐฐเฑเฐเฑ เฐฎเฑเฐกเฑ เฐธเฑเฐเฑเฐเฐฟเฐเฐเฑเฐธเฑ) เฐญเฐฆเฑเฐฐเฐชเฐฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐชเฐฏเฑเฐเฐชเฐกเฐคเฐพเฐฏเฐฟ. เฐเฐตเฐฟ เฐชเฑเฐฐเฐคเฐฟเฐธเฐพเฐฐเฑ เฐธเฐฐเฑเฐตเฐฐเฑโเฐเฑ เฐตเฑเฐณเฑเฐฒเฐตเฑ.
- เฐเฑเฐเฑเฐจเฑเฐฒเฑ (Tokens – เฐเฐฆเฐพ: JWT – JSON Web Tokens): เฐตเฐฟเฐจเฐฟเฐฏเฑเฐเฐฆเฐพเฐฐเฑเฐจเฐฟ เฐเฑเฐฐเฑเฐคเฐฟเฐเฐชเฑเฐจเฑ เฐจเฐฟเฐฐเฑเฐชเฐฟเฐเฐเฐกเฐพเฐจเฐฟเฐเฐฟ เฐเฐงเฑเฐจเฐฟเฐ APIเฐฒเฑ เฐฎเฐฐเฐฟเฐฏเฑ เฐฎเฑเฐฌเฑเฐฒเฑ เฐฏเฐพเฐชเฑโเฐฒเฐฒเฑ เฐเฐชเฐฏเฑเฐเฐฟเฐเฐเฑ เฐธเฑเฐฐเฐเฑเฐทเฐฟเฐคเฐฎเฑเฐจ, เฐเฐจเฑโเฐเฑเฐฐเฐฟเฐชเฑเฐเฑ เฐเฑเฐฏเฐฌเฐกเฐฟเฐจ เฐธเฑเฐเฑเฐฐเฐฟเฐเฐเฑเฐธเฑ (strings).
- เฐธเฐฐเฑเฐตเฐฐเฑ-เฐธเฑเฐกเฑ เฐธเฑเฐทเฐจเฑเฐธเฑ (Server-Side Sessions): เฐธเฐฐเฑเฐตเฐฐเฑ เฐคเฐจ เฐธเฑเฐเฐค เฐกเฑเฐเฐพเฐฌเฑเฐธเฑโเฐฒเฑ เฐฎเฑ เฐกเฑเฐเฐพเฐจเฑ (เฐทเฐพเฐชเฐฟเฐเฐเฑ เฐเฐพเฐฐเฑเฐเฑ เฐฒเฐพเฐเฐเฐฟเฐตเฐฟ) เฐธเฑเฐเฑเฐฐเฑ เฐเฑเฐธเฑเฐคเฑเฐเฐฆเฐฟ เฐฎเฐฐเฐฟเฐฏเฑ เฐฆเฐพเฐจเฐฟเฐจเฐฟ เฐฏเฐพเฐเฑเฐธเฑเฐธเฑ เฐเฑเฐฏเฐกเฐพเฐจเฐฟเฐเฐฟ เฐฎเฑ เฐฌเฑเฐฐเฑเฐเฐฐเฑโเฐเฑ เฐเฑเฐตเฐฒเฐ เฐเฐ เฐเฐฟเฐจเฑเฐจ เฐฐเฐฟเฐซเฐฐเฑเฐจเฑเฐธเฑ เฐเฑเฐจเฐฟ (reference key) เฐฎเฐพเฐคเฑเฐฐเฐฎเฑ เฐเฐธเฑเฐคเฑเฐเฐฆเฐฟ.
