เคล็ดลับด้านความปลอดภัยสำหรับนักพัฒนา Frontend

หลักปฏิบัติด้านความปลอดภัยพื้นฐานเพื่อป้องกัน XSS, Clickjacking, SQL Injection เป็นต้น

1. จำกัดข้อมูลนำเข้าจากผู้ใช้: DOMPurify, Secure-filters

2. ระมัดระวังการใช้ hidden: ZAP

3. เพิ่มเฮดเดอร์ content-security-policy(CSP)

4. เพิ่มเฮดเดอร์โหมดป้องกัน XSS

5. ใช้ textContent แทน innerHTML

6. เพิ่ม X-Frame-Options : Deny - ป้องกันการฝังผ่าน iframe

7. ทำให้ข้อความแสดงข้อผิดพลาดเป็นแบบทั่วไป: "รหัสผ่านไม่ถูกต้อง" → "ข้อมูลเข้าสู่ระบบไม่ถูกต้อง"

8. ใช้ Captcha: หน้าเข้าสู่ระบบ, สมัครสมาชิกและลงทะเบียน, Contact เป็นต้น

9. เพิ่มเฮดเดอร์ Referrer-Policy หรือเพิ่ม rel=noopener ในแท็ก a

10. เพิ่มเฮดเดอร์ Feature-Policy

11. รัน npm audit เป็นประจำ

12. แยกโดเมนฝั่ง Frontend ตามหน้าที่การใช้งาน

13. ระมัดระวังเมื่อเรียกใช้บริการจากภายนอก: ตั้งค่า CSP และใช้คุณสมบัติ integrity ตอนโหลดสคริปต์