เพราะ Visualping แพงเกินไป เลยสร้าง SaaS สำหรับมอนิเตอร์การเปลี่ยนแปลงภาพของเว็บไซต์เอง (SiteSnapshot)

สวัสดีผู้อ่าน GeekNews ทุกท่าน
ผมเป็นนักพัฒนาแบ็กเอนด์ที่มีประสบการณ์ 13 ปี และปัจจุบันทำงานเป็นอินดี้เมกเกอร์เดี่ยวในสาย IT
เวลาทำงานกับเว็บเอเจนซีหรืองานดูแลรักษาระบบ มักจะได้รับการติดต่อจากลูกค้าว่า "เว็บไซต์พัง" แต่พอรีบเข้าไปตรวจดูกลับพบว่าปกติดีในหลายกรณี (หลายคนน่าจะเคยเจอว่า สุดท้ายเป็นแค่ข้อผิดพลาดชั่วคราวหรือปัญหา browser cache)
แม้จะมีเครื่องมือที่ยอดเยี่ยมอย่าง Visualping หรือ UptimeRobot อยู่แล้ว แต่สำหรับการดูแลเว็บไซต์ของลูกค้าหลายแห่ง ค่าใช้จ่ายก็ยังเป็นภาระอยู่มาก (Enterprise only) และการเช็กแค่ ping อย่างเดียวก็จับปัญหาหน้าจอ UI พัง (เช่น CSS error) ได้ยาก
ด้วยเหตุนี้ ผมจึงพัฒนา SiteSnapshot ขึ้นมาด้วยแนวคิดว่า "อยากมีเครื่องมือมอนิเตอร์แบบภาพที่เอเจนซีหรือทีมพัฒนาสามารถใช้งานได้โดยไม่เป็นภาระ"

-แก้ปัญหาอะไรได้บ้าง?
Visual Monitoring: ไม่ได้ดูแค่ว่าเซิร์ฟเวอร์ยังตอบสนองอยู่หรือไม่ (200 OK) แต่จะจับภาพหน้าจอที่ browser เรนเดอร์จริง แล้วนำไปเปรียบเทียบ (Diff) กับช่วงเวลาก่อนหน้า เพื่อแจ้งให้เห็นแบบภาพว่ามีส่วนไหนของ UI ที่พังหรือเปลี่ยนไป
Proof of Work: สร้างรายงานรายสัปดาห์/รายเดือน (PDF) สำหรับส่งให้ลูกค้าได้อัตโนมัติ ทำขึ้นมาเพื่อใช้เป็นหลักฐานว่า "เรากำลังดูแลอยู่แบบนี้"
ความคุ้มค่าด้านราคา: ตั้งเป้าให้มีราคาถูกกว่าคู่แข่งเดิมมาก พร้อมให้รอบการตรวจเช็กและระยะเวลาเก็บข้อมูลที่มากกว่า

-เทคโนโลยีที่ใช้ (Tech Stack)
คิดว่าผู้อ่าน GeekNews น่าจะสนใจรายละเอียดเชิงเทคนิคมากกว่า เลยขอแชร์ไว้ครับ

Frontend/Backend: Next.js (App Router), TypeScript
Database: Supabase (PostgreSQL)
Deployment: Vercel
Core Engine: ใช้ Headless Chrome สำหรับจับภาพหน้าจอ และเปรียบเทียบภาพด้วยอัลกอริทึม Pixel-match
Coming Soon: ตอนนี้กำลังพัฒนา Agent แบบเบา ๆ ด้วยภาษา Go(Golang) สำหรับมอนิเตอร์อินทราเน็ตภายในองค์กร/สภาพแวดล้อมโลคัลอยู่ด้วย (จะเปิดเผยเร็ว ๆ นี้!)

-ขอฟีดแบ็ก
สมัครใช้งานฟรีได้ และสามารถลงทะเบียน job สำหรับบริการที่ใช้งานอยู่ได้ฟรีเช่นกัน
ตอนนี้ยังเป็นเวอร์ชันเริ่มต้นที่พัฒนาโดยคนเดียว จึงยังมีจุดที่ไม่สมบูรณ์อีกมาก
โดยเฉพาะในด้าน UX หรือความแม่นยำของการแจ้งเตือนมอนิเตอร์ อยากได้ฟีดแบ็กแบบจัดเต็มจากชาว GeekNews มากครับ
ไม่ว่าจะเป็น "ทำไมไม่มีฟีเจอร์แบบนี้" หรือ "ตรงนี้ใช้งานไม่สะดวก" ก็ยินดีรับฟังทุกความเห็นครับ
สามารถเข้าไปทดลองได้ทันทีจากลิงก์ด้านล่าง โดยไม่ต้องติดตั้งอะไรเพิ่มเติม

แม้จะยังไม่สมบูรณ์ แต่ถ้ามีส่วนไหนที่ผมช่วยได้ ฝากคอมเมนต์ไว้ได้เลยครับ!

ผมจะตอบทุกคำถามอย่างเต็มที่ครับ!

ขอบคุณครับ

[sitesnapshot]

เพราะ Visualping แพงเกินไป ผมเลยสร้าง SaaS สำหรับติดตามการเปลี่ยนแปลงของหน้าเว็บด้วยภาพขึ้นมาเอง (SiteSnapshot)

https://sitesnapshot.io