CASE STUDY · ร้านอะไหล่มอเตอร์ไซค์ออนไลน์ · E-commerce

Hispeedmotor / HiSpeed Parts

ร้านอะไหล่ที่หน้าร้านออนไลน์ยังต้องดึงรูปสินค้าจาก WordPress ของบริษัทแม่ อยากถือรูปเอง ลดค่าใช้จ่าย และให้แอดมินอัปโหลดได้เอง

ระบบที่เกี่ยวข้อง: React · Express · Supabase · Cloudflare R2 · Cloudflare Workers

หน้าเว็บ Hispeedmotor / HiSpeed Parts
เปิดเว็บไซต์จริง ↗

โจทย์

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

สิ่งที่ทำ

  • วางแผนย้ายสื่อทั้งหมดไปพื้นที่เก็บไฟล์ของลูกค้าเองบน Cloudflare R2 พร้อม CDN ย่อรูปอัตโนมัติ
  • เขียนชั้นจัดการไฟล์ให้สลับผู้ให้บริการได้ด้วย env เดียว และสคริปต์ย้ายไฟล์นับพันรายการพร้อมเขียน URL ในฐานข้อมูลใหม่ (มีไฟล์สำรองก่อนเขียนทับ)
  • ย้ายโดเมนไป Cloudflare, ย้ายโฮสต์ไป Cloudflare Workers โดยไม่ต้องแก้โค้ด API เดิม และเก็บโฮสต์เดิมไว้เป็นทางถอย
  • ทุกอย่างอยู่ในบัญชี Cloudflare ของลูกค้าเอง ไม่ผูกกับบัญชีผู้พัฒนา

สิ่งที่ยืนยันได้

  • หน้าร้านไม่พึ่งพา WordPress ของบริษัทแม่อีกต่อไป และแอดมินอัปโหลดรูปเองได้
  • อยู่ในช่วงเฝ้าดูก่อนปิดระบบเก่า เพื่อให้ถอยกลับได้หากพบปัญหา