วิธีการล้างแคช CloudFront (Clear Cache)

ครั้งนี้จะมาแนะนำวิธีการล้างแคช CloudFront (Clear Cache)

สร้าง Invalidations ใน CloudFront

การสร้าง Invalidations จะช่วยทำให้ CloudFront สามารถดึงไฟล์ที่ Deploy มาอัพเดทเป็น Cache และแสดงผลได้

เข้ามาที่ Service CloudFront โดยค้นหา?︎ CloudFront» เลือกCloudFront
จากนั้นเริ่มทำการสร้าง Invalidations ได้เลย

มาที่หน้า CloudFront ตรงหัวข้อ Distributions แล้วค้นหาชื่อของเรา เช่นs3-cf-chawish-webจากนั้นคลิกเข้าไปได้เลย

มาที่หัวข้อInvalidationsแล้วคลิกCreate Invalidationที่ด้านบนหรือล่างก็ได้

ในส่วนของ Object paths ให้ตั้งค่าดังนี้:
» Add object paths:/*
» คลิกCreate Invalidation

/* คือภาษาคอมพิวเตอร์ที่หมายความว่า จะทำการดึงทุกไฟล์ที่มีการ Deploy ขึ้นไปบน Cache server และเมื่อมีการ Deploy เว็บไซต์เข้าไปใน Amazon S3 ตัว CloudFront ก็จะทำการดึงไฟล์ทุกไฟล์มาอัพเดทเป็น Cache ให้หมดนั่นเอง

เมื่อเสร็จแล้วจะได้หน้าตาแบบนี้

กลับมาที่หน้าเว็บไซต์ แล้วคลิกขวาที่หน้าเว็บ เลือกInspect/ตรวจสอบหรือกดF12ก็ได้

ต่อไปให้ตรวจสอบดังนี้
① Reload
② เลือกNetwork
③ เลือกHeaders
④ คลิกที่ URL ของเรา
⑤ เลื่อนมาที่หัวข้อ Response Headers แล้วดูที่X-cache: Miss from cloudfront
X-cache: Miss from cloudfront คือสถานะที่บอกว่าตัวเว็บไซต์ไม่ได้ดึง Cache file มาแสดงผล

Reload อีกครั้ง เลื่อนมาที่หัวข้อ Response Headers แล้วดูที่X-cache: Hit from cloudfront
X-cache: Hit from cloudfront คือ เมื่อสร้าง Invalidation เสร็จแล้วให้รอสักครู่ จากนั้นเข้ามาดูอีกครั้ง ก็จะเห็นว่าในส่วนของ X-Cache จะเป็น Hit from cloudfront เพราะว่าตัว CloudFront ได้ทำการ Backup ข้อมูลล่าสุดที่ทำการแก้ไขไปขึ้นมาเป็น Cache ข้อมูลเรียบร้อยแล้ว หลังจากนี้ก็จะสามารถดึง Cache ข้อมูลขึ้นมาแสดงผลได้อย่างรวดเร็วและมีประสิทธิภาพ

เพียงเท่านี้การแก้ไขไฟล์และ Deploy ข้อมูลเข้ามายัง Amazon S3 ผ่าน CloudBerry Explorer เสร็จเรียบร้อยแล้ว

สรุป

การสร้าง Invalidations ใน CloudFront เป็นการ Backup ข้อมูลล่าสุดที่ทำการแก้ไขไปขึ้นมาเป็น Cache ข้อมูล แล้วจะทำให้สามารถดึง Cache ข้อมูลขึ้นมาแสดงผลได้อย่างรวดเร็วและมีประสิทธิภาพนั่นเอง

บทความที่เกี่ยวข้อง

• การอัปโหลดข้อมูลไปยัง Amazon S3 ด้วย CloudBerry Explorer
• How To Static Website EP2: การเก็บข้อมูลเว็บไซต์ลงบน Amazon S3 เพื่อให้ไปแสดงผลผ่าน Amazon CloudFront
• How To Static Website EP3: เปลี่ยนชื่อ Domain Name (ชื่อเว็บไซต์) ง่าย ๆ ด้วย Amazon Route 53 และ AWS Certificate Manager พร้อมสอนการสร้าง SSL
• วิธีเปลี่ยนการตั้งค่า Cache สำหรับแต่ละนามสกุลไฟล์ใน CloudFront