‫เรายังไม่เห็นรูปภาพที่นี่แม้จะใช้ URL ที่ถูกต้อง เนื่องจากมีบางสิ่งที่สำคัญที่คุณต้องเข้าใจเกี่ยวกับรหัสส่วนหลังหรือวิธีการทำงานของ
‫Node Express และการบริการโดยทั่วไป
‫โดยค่าเริ่มต้น ไม่มีไฟล์ใดในฝั่งเซิร์ฟเวอร์
‫ดังนั้นในแอป Node Express ของเราจึงสามารถเข้าถึงได้จากภายนอกเซิร์ฟเวอร์
‫และนั่นก็ดีเพราะไม่เช่นนั้น เราสามารถป้อน localhost 5000 slash app JS และดูซอร์สโค้ดที่นั่นได้
‫แต่โชคดีที่วิธีนี้ใช้ไม่ได้ผลเพราะทุกคำขอที่เข้ามาในส่วนหลังจะเข้าสู่ช่องทางมิดเดิลแวร์ของเราที่นี่ในตอนท้าย
‫และจะผ่านรายการมิดเดิลแวร์ต่างๆ ทั้งหมดที่นี่ และเฉพาะตรรกะที่เรามีในมิดเดิลแวร์เท่านั้นที่จะดำเนินการ
‫ดังนั้นคุณจึงไม่สามารถขอไฟล์ใดๆ ได้ คุณเพียงแค่ผ่านมิดเดิลแวร์และอาจมีคำขอที่จัดการโดยมิดเดิลแวร์ตัวใดตัวหนึ่งหรือคุณทำไม่ได้
‫ตัวอย่างเช่น หากเราส่งคำขอไปยัง URL ที่ลงท้ายด้วย slash API, slash places เราจะทำให้เป็น place, routes
‫ของเรา และนั่นคือเหตุผลที่ตรรกะเริ่มต้นขึ้น
‫แต่สำหรับลิงก์รูปภาพแบบสุ่ม เราไม่มีมิดเดิลแวร์ที่จะจัดการกับสิ่งนี้
‫อย่างไรก็ตาม ในตอนนี้ เราต้องการให้สิทธิ์เข้าถึงรูปภาพ และเพื่อให้เราสามารถเพิ่มมิดเดิลแวร์ใหม่ได้
‫บางทีที่นี่หลังจากแยกวิเคราะห์เนื้อหาคำขอ เราสามารถเพิ่มมิดเดิลแวร์ทั่วไปใหม่แล้วกรองคำขอที่เริ่มต้นด้วยการอัปโหลดรูปภาพ
‫ดังนั้นคำขอที่มี localhost 5000 slash อัปโหลดภาพทับที่จุดเริ่มต้นของ URL ใหม่
‫คำขอดังกล่าวจะได้รับการจัดการโดยมิดเดิลแวร์พิเศษ ซึ่งสร้างขึ้นจริงใน Express
‫Express สแตติก
‫คุณสามารถรันสแตติกเป็นเมธอดและสิ่งนี้จะคืนค่ามิดเดิลแวร์ตามจริง
‫และนี่คือมิดเดิลแวร์ที่เพิ่งส่งคืนไฟล์ที่ร้องขอ
‫การแสดงแบบคงที่หมายความว่าคุณเพียงแค่ส่งคืนไฟล์
‫คุณไม่ดำเนินการมัน
‫เพียงแค่คุณส่งคืน
‫ตอนนี้เราต้องควบคุมไฟล์และโฟลเดอร์ที่เราต้องการส่งคืน
‫Express static จากนั้นต้องการพา ธ ที่ชี้ไปที่โฟลเดอร์ที่คุณต้องการให้บริการไฟล์โดยไม่ต้องตรวจสอบเพิ่มเติม
‫ตอนนี้พาธดังกล่าวต้องเป็นพาธสัมบูรณ์ และเราสามารถสร้างสิ่งนี้ได้ด้วยโมดูลพาธที่สร้างไว้ในโหนด
‫เจเอส
‫ดังนั้นเราจึงนำเข้ามันด้วยไวยากรณ์นี้ที่นี่ และแสดงมันบนค่าคงที่พาธนี้ และจากนั้นที่นี่เพื่อสแตติก
‫เราผ่านเส้นทางการสร้างของเราที่เราเข้าร่วมการอัปโหลดสองส่วน
‫และรูปภาพและสิ่งนี้จะสร้างเส้นทางใหม่ที่ชี้ไปที่โฟลเดอร์รูปภาพที่อัปโหลดและไฟล์ใด ๆ ในนั้นหากคุณร้องขอมันจะถูกส่งคืน
‫มิฉะนั้น ไฟล์ทั้งหมดจะถูกล็อค แต่ไฟล์ในโฟลเดอร์นี้จะถูกส่งคืนหากได้รับการร้องขอ
‫หากเราบันทึกสิ่งนี้และตอนนี้เรากลับไปและโหลดแอพของเราใหม่ เราจะเห็นภาพของเราที่นี่
‫ดังนั้น เนื่องจากตอนนี้เรากำลังให้บริการแบบคงที่
‫และด้วยเหตุนี้การอัปโหลดจึงทำงานและให้บริการได้
‫แน่นอนว่าเราไม่มีที่สำหรับผู้ใช้งาน ดังนั้นมาทำให้แน่ใจว่า
‫เมื่อเราล็อคไว้ เราสามารถเพิ่มสถานที่ที่นี่ได้จริง และเราก็มีการอัปโหลดรูปภาพที่นี่เช่นกัน
‫นี่เป็นแนวทางปฏิบัติที่ดีสำหรับคุณ เพราะโดยพื้นฐานแล้วขั้นตอนในการอัปโหลดรูปภาพสำหรับผู้ใช้จะเหมือนกัน
‫ลองทำสิ่งนี้ด้วยตัวเองก่อนอย่างแน่นอน
‫ในการบรรยายครั้งต่อไป เราจะทำร่วมกัน