ขั้นตอนการทำงาน เตรียม asset สำหรับเว็บไซต์
เมื่อทำเว็บที่ต้องใช้ไอคอนเล็กๆ จำนวนมาก ให้กำหนดขั้นตอนว่าไฟล์ไหนควรฝังเป็น data URI บ้าง โดยทั่วไปคือไฟล์เล็กกว่า 2-4KB ที่ใช้ซ้ำทั้งเว็บ เข้ารหัสไฟล์เหล่านั้นเป็น Base64 ครั้งเดียวแล้วเก็บรหัสไว้ในไฟล์ CSS กลางของโปรเจกต์
การทำแบบนี้ช่วยให้ทีมเห็นตรงกันว่า asset ไหนฝังในโค้ด asset ไหนเรียกเป็นไฟล์แยก ลดปัญหาหน้าเว็บโหลดช้าจาก request จำนวนมาก และทำให้การ deploy ง่ายขึ้นเพราะไฟล์ CSS มีทุกอย่างครบในตัว
ขั้นตอนการทำงาน ทดสอบ API ด้วย token
นักพัฒนาที่ทดสอบ API มักได้ token กลับมาแล้วต้องตรวจสอบข้อมูลข้างใน ให้กำหนดขั้นตอนว่าเมื่อได้ token ใหม่ให้ถอดรหัส Base64 ดู payload ทันที เพื่อยืนยันว่าสิทธิ์และเวลาหมดอายุถูกต้องก่อนนำไปเขียนโค้ดต่อ
การตรวจตั้งแต่เนิ่นๆ ช่วยจับปัญหาได้เร็ว เช่น token ที่ควรมีสิทธิ์ admin แต่ payload กลับไม่มี หรือเวลาหมดอายุสั้นกว่าที่ตกลงกันไว้ ดีกว่ามารู้ตอนโค้ดเสร็จแล้วว่าปัญหาอยู่ที่ token
ขั้นตอนการทำงาน ส่งมอบข้อมูลให้ทีม
เวลาต้องส่งข้อมูลที่มีอักขระพิเศษให้เพื่อนร่วมทีมผ่านแชทหรือเอกสาร เช่น ค่าคอนฟิกหรือตัวอย่างข้อมูลทดสอบ ให้เข้ารหัสเป็น Base64 ก่อนส่ง วิธีนี้ป้องกันปัญหาข้อความเพี้ยนจากการคัดลอกผ่านแพลตฟอร์มต่างๆ
ควรแนบคำอธิบายสั้นๆ ว่าข้อมูลนี้เข้ารหัส Base64 ไว้และต้องถอดรหัสก่อนใช้ พร้อมบอกว่าใช้เครื่องมือไหนถอดได้ เพื่อนร่วมทีมจะได้ไม่เสียเวลาถามว่าข้อความประหลาดนี้คืออะไร
จัดระเบียบงาน Base64 ไม่ให้รก
ถ้าต้องใช้ Base64 บ่อยๆ ควรมีที่เก็บรหัสที่ใช้ซ้ำเป็นที่เป็นทาง เช่น ไฟล์โน้ตของโปรเจกต์ที่แยกตามวัตถุประสงค์ พร้อมเขียนกำกับว่าแต่ละรหัสคืออะไร สร้างเมื่อใด และยังใช้ได้อยู่หรือไม่
สำหรับข้อมูลทดสอบที่มีอายุ เช่น token หมดอายุในหนึ่งชั่วโมง ให้เขียนเวลาหมดอายุกับไว้ทุกครั้ง จะได้ไม่เผลอนำรหัสหมดอายุมาใช้แล้วเสียเวลาหาสาเหตุว่าทำไมระบบปฏิเสธ
วัดผลและปรับปรุง ขั้นตอนการทำงาน อยู่เสมอ
ขั้นตอนการทำงาน ที่ดีต้องวัดผลได้ ลองจับเวลาว่างาน Base64 แต่ละรอบใช้เวลาเท่าไร มีข้อผิดพลาดบ่อยแค่ไหน แล้วดูว่าขั้นตอนไหนเป็นคอขวดที่ควรปรับปรุง
การปรับปรุงไม่ต้องใหญ่ เปลี่ยนแค่จุดเดียวแล้วดูผล เช่น เปลี่ยนจากทำทีละรายการเป็นการจัดกลุ่มก่อน ถ้าดีขึ้นก็เก็บไว้ ถ้าไม่ดีขึ้นก็ลองวิธีอื่น การปรับทีละน้อยทำให้ ขั้นตอนการทำงาน ดีขึ้นเรื่อยๆ อย่างยั่งยืน
คำถามที่พบบ่อย
ควรใช้ Base64 ตอนไหนของขั้นตอนทำเว็บ
ใช้ตอนเตรียม asset ก่อนเขียนโค้ดจริง โดยเข้ารหัสรูปเล็กที่จะฝังใน CSS ไว้ล่วงหน้า แล้วค่อยนำรหัสไปใช้ตอนเขียนสไตล์ จะได้ไม่ต้องสลับไปมาระหว่างทำงาน
มีวิธีจำไหมว่า token ไหนถอดรหัสตรวจสอบแล้ว
จดบันทึกไว้ในที่เดียวกับที่เก็บ token ว่า token นี้ตรวจสอบ payload แล้วเมื่อใดและพบอะไร จะได้ไม่ต้องถอดรหัสซ้ำทุกครั้งที่หยิบมาใช้
ส่งรหัส Base64 ให้เพื่อนร่วมทีมต้องระวังอะไร
ระวังแพลตฟอร์มแชทตัดบรรทัดหรือเติมอักขระพิเศษ ควรส่งเป็นข้อความใน code block และบอกผู้รับให้คัดลอกทั้งชุดรวมถึงเครื่องหมาย = ท้ายรหัส
งานแบบไหนไม่ควรใช้เครื่องมือออนไลน์
งานที่ต้องประมวลผลอัตโนมัติจำนวนมาก เช่น เข้ารหัสไฟล์ทั้งโฟลเดอร์ทุกคืน ควรใช้สคริปต์บนเครื่องตัวเองแทน ส่วนงานครั้งคราวใช้เครื่องมือออนไลน์สะดวกกว่า