เบราว์เซอร์ประมวลผลการป้อน URL ในแถบที่อยู่ได้อย่างไร?

นอกจากการท่องเว็บบางประเภทเฉพาะด้วยแอปพลิเคชันเนทีฟที่กำหนดเองในขณะที่ท่องเว็บเพจต่างๆ แล้ว ส่วนใหญ่เว็บเพจจะถูกท่องด้วยเบราว์เซอร์ ดังนั้นเมื่อเราเปิด URL เฉพาะในเบราว์เซอร์ เบราว์เซอร์ทำการโหลดและแสดงเนื้อหาอย่างไร? เราจะแสดงสิ่งที่เบราว์เซอร์ทำตามลำดับตามลำดับเหตุการณ์ที่เกิดขึ้น

ผู้ใช้ป้อน URL ในเบราว์เซอร์#

ใน โพสต์บล็อก ก่อนหน้านี้ของเรา เราได้ครอบคลุมถึงส่วนประกอบของ URL รวมถึงสิ่งที่รู้จักกันในชื่อโฮสต์/โดเมน เช่น www.google.com blog.logto.io เป็นต้น

การค้นหาที่อยู่ IP โดยใช้โฮสต์/โดเมน#

เบราว์เซอร์ไม่สามารถเข้าใจโฮสต์/โดเมนได้โดยตรงและค้นหาทรัพยากรที่เกี่ยวข้อง แต่จำเป็นต้องรู้ที่อยู่ IP ที่เฉพาะเจาะจงเพื่อตำแหน่งที่ตั้งของทรัพยากรที่ต้องการสำหรับเว็บเพจ

เบราว์เซอร์จะค้นหาที่อยู่ IP ที่สอดคล้องกับโฮสต์/โดเมนผ่านระบบชื่อโดเมน (DNS)

เพื่อทำให้กระบวนการค้นหาที่อยู่ IP รวดเร็วที่สุด ความสัมพันธ์ระหว่างโฮสต์/โดเมนและที่อยู่ IP มักใช้แคชต่างๆ เช่น แคชของเบราว์เซอร์ แคชระบบปฏิบัติการ เป็นต้น

เมื่อการค้นหาแคชพลาด เราจะผ่านกระบวนการค้นหา DNS ปกติเพื่อค้นหาที่อยู่ IP ของโฮสต์/โดเมน ซึ่งขั้นตอนมีดังนี้:

1. เมื่อผู้ใช้ป้อน blog.logto.io ในเบราว์เซอร์เว็บ เบราว์เซอร์เว็บจะส่งคำขอบริการ DNS เพื่อรับที่อยู่ IP การสืบค้นที่สอดคล้องจะได้รับการยอมรับโดย DNS resolver
2. DNS resolver สืบค้นเซิร์ฟเวอร์รูท DNS (.)
3. เซิร์ฟเวอร์รูทส่งคืนที่อยู่ที่สอดคล้องกับ Top Level Domain (TLD) DNS เซิร์ฟเวอร์ (.io ในกรณีนี้) และข้อมูลบางอย่างที่เกี่ยวข้อง
4. DNS resolver สืบค้น .io TLD เซิร์ฟเวอร์
5. .io TLD เซิร์ฟเวอร์ตอบกลับด้วยชื่อเซิร์ฟเวอร์ logto.io
6. DNS resolver ขอชื่อโดเมนเซิร์ฟเวอร์ logto.io
7. ชื่อโดเมนเซิร์ฟเวอร์ logto.io ตอบกลับด้วยที่อยู่ blog.logto.io
8. DNS resolver ส่งต่อที่อยู่ IP blog.logto.io กลับไปยังเว็บเบราว์เซอร์

จากนั้นเว็บเบราว์เซอร์สามารถร้องขอทรัพยากรที่เกี่ยวข้องจากเซิร์ฟเวอร์และแสดงเว็บไซต์ให้ผู้ใช้ชม

สร้างการเชื่อมต่อ TCP#

หลังจากได้รับที่อยู่ IP ที่เกี่ยวข้องกับโดเมนที่จะท่องผ่านบริการ DNS เว็บเบราว์เซอร์เริ่มต้นและสร้างการเชื่อมต่อ TCP กับเซิร์ฟเวอร์

รับทรัพยากรและแสดงเว็บเพจ#

หลังจากสร้างการเชื่อมต่อ TCP แล้ว เบราว์เซอร์เริ่มต้นคำขอเครือข่ายไปยังเซิร์ฟเวอร์ ได้รับทรัพยากรที่เกี่ยวข้อง และแสดงเนื้อหาเว็บเพจตามทรัพยากรที่ได้รับเพื่อให้ผู้ใช้ท่อง