Chuyện gì xảy ra khi truy cập một Website - Một số khái niệm cơ bản cần biết về Web (Phần 1)

-

                   Một số khái niệm cơ bản cần biết về Web 

            (Phần 1: Chuyện gì xảy ra khi truy cập một Website)

Trong lập trình Web nói riêng cũng như lập trình ứng dụng kết nối mạng nói chung, chúng ta cần phải hiểu một số nguyên tắc gửi nhận dữ liệu cơ bản, cũng như các khái niệm liên quan. Trong bài viết này, mình sẽ giải thích cơ bản các khái niệm xoay quanh về lập trình Web. Cùng bắt đầu nào.


Website là gì?

Khi người dùng truy cập một Website, chuyện gì xảy ra?

Giả sử bạn truy cập vào trang Web google.com. Bạn nhập google.com vào khung trình duyệt chrome và ấn Enter.


Người dùng nhập google.com và ấn enter.

Đầu tiên, trình duyệt sẽ thông qua DNS (Domain Name System) để phân giải tên miền thành địa chỉ IP. 


Hệ thống DNS phân giải tên miền thành địa chỉ IP

Bạn có thể hiểu địa chỉ IP giống như địa chỉ nhà, và "nhà" ở đây chính là server Google mình muốn truy cập. Máy tính chỉ có thể hiểu địa chỉ IP, vì vậy cần phân giải tên miền thành địa chỉ IP.

Để hiểu rõ hơn về DNS, mình có làm video [Học 5 phút mỗi tuần] với chủ đề DNS. Khuyến khích bạn nên tham khảo: https://www.facebook.com/8techblog/videos/566656473905594
(Optional) Bạn cũng có thể tham khảo  [Học 5 phút mỗi tuần] định nghĩa về IP tại đây: (https://www.facebook.com/8techblog/videos/355680875250891)

Sau khi có địa chỉ IP của Google, mình tiến hành gửi dữ liệu cho google. Dữ liệu ở đây là gì? Đó chính là "yêu cầu" - request. Yêu cầu google trả một trang tìm kiếm google. Và server sẽ "phản hồi" - response trang tìm kiếm để hiện lên màn hình của bạn.



                                        Quá trình gửi và nhận dữ liệu

Bạn hãy hiểu client chính là bản thân mình, và server là hệ thống Google nhé!

Và bạn biết trang tìm kiếm hiện lên trên màn hình bạn là gì không? Đó không phải là hình ảnh đâu, mà đó chính là mã HTML CSS và JS cùng với các resource liên quan tạo thành.


Dữ liệu trả về của server Google

 Dữ liệu trả về cho client mình chính là đoạn code bên phải, còn bên trái là do browser thực thi (execute) đoạn code bên phải để tạo ra giao diện trực quan bên trái cho người sử dụng. (Nói đúng hơn là render vì HTML CSS không phải là ngôn ngữ lập trình, tuy nhiên vẫn có built-in compiler để execute JS) (Đoạn trong ngoặc này không hiểu thì tạm bỏ qua nhé :)) )

 Nếu vậy, sơ đồ đúng phải là như thế này:

Quá trình kết nối tới server


Quá trình render dữ liệu trả về

Kết luận: Mình đã cố gắng đơn giản hóa rất nhiều để những bạn gần như là mới có thể hiểu sơ bộ về quá trình này. Trong bài viết tới mình sẽ dựa vào đây bắt đầu phân tích thêm các khái niệm chi tiết xoay quanh vấn đề này. Cảm ơn các bạn đã xem!

Nội dung bài viết thuộc về Lê Công Diễn.

 

Người viết: Lê Công Diễn

Mang đi nhớ ghi nguồn

 




Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Deploy project Springboot MIỄN PHÍ sử dụng Render

-
Hình ảnh
      Deploy project spring boot MIỄN PHÍ sử dụng render Đối với những bạn sử dụng Spring boot vì mục đích học tập, nghiên cứu, thì việc chi nhiều tiền để chạy một server là không cần thiết. Trước đó, việc deploy miễn phí trên heroku là lựa chọn của rất nhiều học sinh, sinh viên. Tuy nhiên, công ty này đã cắt đi gói miễn phí vào ngày 28/11/2022, buộc người dùng phải trả phí để sử dụng. Ở bài viết này, mình sẽ hướng dẫn các bạn chạy một project spring boot nhỏ trên Render miễn phí. Cùng tìm hiểu nhé. Yêu cầu và mô tả:   - Sử dụng IDE Intellij để dễ dàng package - Tài khoản git  - Tài khoản render. - Sử dụng MySQL và Mybatis để thực hiện tạo lập và quản lý CSDL. 1. Tạo một project spring boot Truy cập vào trang https://start.spring.io/ và tạo một project spring boot như sau: Group – com.8techblog Artifact – App  Package name – com.8techblog.App  Packaging – Jar  Java – 17 Project   –  Gradle - Groovy (ở đây mình hướng dẫn build dùng g...
Đọc thêm

Ứng dụng Mã hóa bất đối xứng (Asymmetric cryptography) vào Chữ ký số (Digital Signature)

-
Hình ảnh
         Ứng dụng Mã hóa bất đối xứng (Asymmetric cryptography) vào Chữ ký số (Digital Signature) Chữ ký số (Digital Signature) là gì? Nhắc đến chữ ký, chắc hẳn ai cũng sẽ nghĩ đến hình chữ nguệch ngoạc mà ta thường hay sử dụng trong văn bản. Chữ ký số liệu có phải như vậy? Mục đích của chữ ký là gì? Để thể hiện một dấu ấn độc nhất của bản thân, và "dấu ấn" này thường dùng để xác nhận các loại văn bản pháp lý, tài liệu, hợp đồng,... Như vậy, việc "ký" nghĩa là bằng cách nào đó đặt một "dấu ấn độc nhất" xác định thuộc về riêng mình bạn, và người khác biết rằng đó là bạn. Trong lĩnh vực công nghệ thông tin, chữ ký số không thể hiện dưới dạng hình ảnh có thể thấy được như chữ ký tay thông thường (vì lý do môi trường công nghệ, các hình ảnh dễ dàng bị giả mạo). Thay vào đó, họ sẽ ký bằng cách mã hóa thông tin sử dụng cơ chế Mã hóa bất đối xứng (Asymmetric cryptography), hay còn có tên gọi khác là Mã hóa công khai (Public cryptography) Mã hóa bất đối...
Đọc thêm

API và HTTP - Một số khái niệm cơ bản cần biết về Web (Phần 2)

-
Hình ảnh
                         Một số khái niệm cơ bản cần biết về Web                                               (Phần 2: API và HTTP) Trong phần 2, mình sẽ giải thích các khái niệm, thuật ngữ thường hay sử dụng trong lập trình Website. Từ phần này nội dung kiến thức sẽ không phù hợp với các bạn mới, chưa biết gì. Nội dung này chỉ dành cho ai đang trong quá trình học về lập trình Web. Cùng bắt đầu nào. API là gì? API là viết tắt của A pplication P rogramming I nterface. Bạn đã đến nhà hàng bao giờ chưa? Khi bạn gọi món, bạn đưa ra một yêu cầu "request" tới người nhân viên phục vụ. Người nhân viên này sau đó xuống khu vực bếp "backend" yêu cầu hoàn tất "request" từ khách hàng. Sau khi xử lý xong "request", món ăn được nhân viên phản hồi "response" đến khách hàng yêu cầu. Ví dụ ...
Đọc thêm