เฮ้ ยินดีต้อนรับกลับมา
ฉันต้องการใช้เวลาสักครู่เพื่อพูดคุยเกี่ยวกับแนวคิดเรื่องการถ่ายโอนข้อมูลจากเซิร์ฟเวอร์ไปยังเบราว์เซอร์
ตอนนี้เราเห็นว่าเมื่อเราเปิดเครื่องมือสำหรับนักพัฒนา
เราสามารถไปที่แท็บเครือข่ายและดูว่าข้อมูลประเภทใดที่ได้รับจากเซิร์ฟเวอร์
และที่นี่เราเห็นว่ามีหลายประเภท แต่เราพูดถึง HTML, CSS และ JavaScript เป็นหลัก แต่เรายังเห็นว่ามีประเภทอื่นๆ
อีกสองสามประเภทที่นี่
ถ้าฉันคลิก สมมติว่าเป็น HTML มีฟิลด์นี้ชื่อประเภทเนื้อหาที่ระบุว่าเป็นไฟล์ HTML แบบข้อความ
นี่คือสิ่งที่สำคัญมากเพราะใช้สิ่งที่เรียกว่าประเภท mime และย่อมาจากส่วนขยายอีเมลทางอินเทอร์เน็ตอเนกประสงค์
ฟังดูน่าประทับใจมากใช่ไหม?
และคุณจะเห็นที่นี่ และฉันจะลิงก์ไปยังแหล่งข้อมูลนี้ และมาทำให้เรื่องนี้ใหญ่ขึ้นหน่อย โดยที่เบราว์เซอร์ใช้ประเภท
mime นี้ ไม่ใช่นามสกุลไฟล์เพื่อกำหนดวิธีการประมวลผล URL
ดังนั้นพวกเขาจึงดูที่ประเภทเนื้อหาที่แอพ Flask ของเราส่งไปยังเบราว์เซอร์โดยอัตโนมัติจริง ๆ เพื่อกำหนดว่าจะทำอย่างไรกับไฟล์นั้นเพื่อให้พวกเขารู้ว่าเฮ้มันเป็นไฟล์
HTML หรือไม่?
เป็นไฟล์ CSS หรือไม่
เป็นไฟล์ JavaScript หรือไม่
สุดท้ายนี้ ข้อมูลทั้งหมดที่เรากำลังถ่ายโอน ทั้งหมดเป็นเพียงข้อความ แต่สามารถอยู่ในรูปแบบที่แตกต่างกัน
และเบราว์เซอร์สามารถโต้ตอบกับพวกเขาได้หลายวิธี
เช่น หากเราเลื่อนลงมาจนสุดตรงนี้
เรามีหลายประเภท แต่เราต้องการเน้นที่ประเภท mime ที่สำคัญสำหรับนักพัฒนาเว็บ
เรามีสิ่งต่างๆ เช่น ข้อความธรรมดา
เรามี CSS
เรามี HTML
เรามีจาวาสคริปต์
เพื่อว่าถ้าฉันไปที่
JavaScript ไฟล์ที่นี่และฉันไปที่ประเภทเนื้อหา
ฉันเห็นว่าใช่มันเป็นแอปพลิเคชัน JavaScript และเราเห็นที่นี่ว่ามีหมายเหตุเล็กน้อยเกี่ยวกับสาเหตุที่เป็นแอปพลิเคชัน
JavaScript ที่นี่
แทนที่จะเป็นข้อความ JavaScript
ทั้งสองวิธี
วิธีนี้เบราว์เซอร์รู้
ฉันกำลังอ่านไฟล์ JavaScript
ทำบางสิ่งเพราะเป็นไฟล์ JavaScript
ตอนนี้ถ้าเราเลื่อนลงไปเรื่อย ๆ ก็ยังมีประเภทรูปภาพอีกด้วย
อีกอย่าง ถ้าเราดูรูปภาพ สมมุติว่า PAG อีกครั้ง ถ้าเลื่อนลงมาจะเห็นว่าเป็นรูปภาพ
PAG ตอนท้าย เป็นข้อความที่เราได้รับจากเซิร์ฟเวอร์จริงๆ แต่ในลักษณะที่ทำได้
อ่านเป็นไฟล์ PNG
จากความรู้นี้ เว็บไซต์ทำงานโดยส่งข้อมูลทั้งหมดนี้และปล่อยให้เบราว์เซอร์ดูแลอย่างดี
สร้างเพจให้เรา
จนถึงตอนนี้ เราเพิ่งพูดถึง HTML, CSS และ JavaScript เท่านั้น และโดยปกติแล้วนั่นคือวิธีแสดงเว็บไซต์
แต่เราสามารถใช้เซิร์ฟเวอร์ได้หลายวิธี เช่น สิ่งที่เราเรียกว่าปลายทาง API
ที่นี่ฉันมี Sloppy SEO ซึ่งย่อมาจาก Star Wars API
และสิ่งที่มันทำ อย่างที่คุณเห็นที่นี่คือ มันส่งข้อมูลให้เรา
ดังนั้นแทนที่จะแสดงหน้าเว็บ มันแค่ส่งข้อมูลมาให้เรา
ตัวอย่างเช่น ถ้าฉันคัดลอกสิ่งนี้
เช่นนั้น
แล้วสมมติว่าเราทำคนตรงนี้
มาทำกันด้วยคน
ถ้าฉันกด Enter
ดูนั่นสิ
ฉันได้รับข้อมูลนี้
และประเภทเนื้อหานี้คือสิ่งที่เราเรียกว่า JSON
และ JSON เป็นเพียงรูปแบบของข้อมูลที่เราสามารถใช้ได้ในแอปพลิเคชันของเรา
ดังนั้นอีกครั้ง เว็บไซต์อาจใช้ข้อมูลนี้และอาจแสดงชื่อลุค สกายวอล์คเกอร์ที่หน้าแรก
ดังนั้นจุดสิ้นสุดนี้ แทนที่จะส่ง HTML, CSS และ JavaScript เพียงแค่ส่งข้อมูล JSON นี้ให้กับเรา เพราะในตอนท้าย
เซิร์ฟเวอร์ทั้งหมดจะส่งข้อมูลบางอย่างใช่ไหม
มันให้บริการข้อมูล
เราสามารถส่งสิ่งต่างๆ ได้ทุกประเภท ตัวอย่างเช่น เว็บไซต์ robo hash
ถ้าฉันทำ ให้พูดอะไรก็ได้ที่ฉันต้องการในนี้ แล้วกด Enter มันจะส่งภาพหุ่นยนต์แบบสุ่ม ถ้าฉันเปลี่ยนแปลงอะไรในจุดยืน
ฉันได้หุ่นยนต์ตัวอื่น
ดังนั้นนักพัฒนาเว็บและนักพัฒนามือถือจึงใช้แนวคิดของเซิร์ฟเวอร์ทั่วโลกเพื่อพยายามดึงข้อมูล
ดึงข้อมูลจากเซิร์ฟเวอร์ และแสดงสิ่งที่มีประโยชน์บนเบราว์เซอร์
และฉันหวังว่าสิ่งนี้จะแสดงให้คุณเห็นถึงพลังที่เซิร์ฟเวอร์มี
เราจะทำอะไรก็ได้
ตัวเลือกมีไม่จำกัด
และเราสามารถสร้างเซิร์ฟเวอร์ทุกประเภทด้วย Python เพื่อทำสิ่งต่างๆ ให้เรา
ไม่เป็นไร.
กลับมาที่เว็บไซต์พอร์ตโฟลิโอของเรากัน