Hãy tưởng tượng trình duyệt (Chrome, Safari, Edge) là người mua hàng, và trang web dbk.one là một cửa hàng nằm đâu đó trên thế giới. Để món hàng (giao diện web) hiện lên trước mắt bạn, một quy trình “ship hàng” siêu tốc đã diễn ra qua 5 bước sau:
1. Đi tìm địa chỉ nhà (DNS – Danh bạ Internet)
Khi bạn gõ dbk.one, trình duyệt thực chất không biết “nhà” của dbk.one ở đâu. Nó giống như việc bạn biết tên tiệm phở nhưng không biết số nhà.
- Trình duyệt sẽ hỏi: “Này ông Tổng đài (DNS), tiệm dbk.one ở số nhà bao nhiêu?”
- Tổng đài trả lời: “À, nó ở địa chỉ IP:
103.x.x.x“. - Bây giờ, trình duyệt đã có tọa độ chính xác để xuất phát.
2. “Bắt tay” và chào hỏi (Thiết lập kết nối)
Trước khi đưa ra yêu cầu, trình duyệt phải đến tận nơi để xem cửa hàng có mở cửa không và có an toàn không.
- Nó thực hiện một cú “Bắt tay ba bước”:
- Trình duyệt: “Alo, dbk.one có đó không?”
- Máy chủ dbk.one: “Có tôi đây, bạn nghe rõ trả lời!”
- Trình duyệt: “Nghe rõ, chuẩn bị nhận đơn hàng của tôi nhé!”
- Đặc biệt, vì có chữ HTTPS (cái ổ khóa xanh), hai bên còn trao đổi một “mật mã riêng” để đảm bảo thông tin bạn xem trên dbk.one không bị ai đứng ngoài đường dòm ngó.
3. Đưa ra yêu cầu (HTTP Request – Đặt đơn hàng)
Sau khi đã đứng trước cửa, trình duyệt đưa ra một tờ phiếu yêu cầu:
- “Cho tôi xin nội dung của trang chủ dbk.one!”
- Kèm theo đó là thông tin: “Tôi dùng iPhone nhé, hãy gửi bản thiết kế phù hợp với màn hình điện thoại cho tôi.”
4. Máy chủ “chế biến” và gửi hàng (HTTP Response)
Bên trong “nhà” của dbk.one, máy chủ (server) bắt đầu hoạt động. Nó chạy vào kho dữ liệu, nhặt nhạnh các hình ảnh, bài viết, đoạn mã… rồi đóng gói tất cả vào một thùng hàng gọi là Phản hồi (Response).
- Nếu mọi thứ ổn, nó dán nhãn: “200 OK – Hàng của bạn đây!”
- Nếu trang web đó bị xóa, nó dán nhãn: “404 – Tìm không thấy tiệm này nữa!”
5. Trình duyệt “đập hộp” và bày biện (Rendering)
Đây là bước thú vị nhất. Thùng hàng mà dbk.one gửi về không phải là một bức tranh hoàn chỉnh, mà là một bộ lắp ráp LEGO khổng lồ gồm:
- HTML: Khung xương (đây là cái cột, đây là cái nền).
- CSS: Sơn màu và trang trí (chỗ này tô màu xanh, chữ này phải in đậm).
- JavaScript: Các bộ phận cử động (nhấn vào nút này thì nó phải nhảy ra hiệu ứng).
Trình duyệt của bạn sẽ lắp ráp đống LEGO đó cực nhanh (chỉ mất khoảng 1-2 giây) để hiện ra trang web dbk.one đẹp đẽ mà bạn vẫn thấy.
Kết luận
Phần lớn chúng ta chỉ thấy kết quả: một trang web mở ra.Nhưng phía sau đó là DNS, TCP, TLS, HTTP, web server, database và quá trình render trong trình duyệt.Hiểu được cách trình duyệt gửi request, bạn bắt đầu nhìn Internet ở tầng sâu hơn.Bạn không chỉ là người truy cập dbk.one.Bạn hiểu vì sao nó hoạt động.Và khi hiểu hạ tầng, bạn bắt đầu có khả năng kiểm soát nó – từ bảo mật, hiệu năng cho đến khả năng mở rộng trong tương lai.Một request web tưởng chừng đơn giản.Nhưng nó là nền móng của toàn bộ thế giới số mà chúng ta đang sống mỗi ngày.