คู่มือ

แพตเทิร์น Regex สำหรับใช้งานจริง

คู่มือตรวจ JavaScript Regex ที่ใช้กับฟอร์ม การจับคู่ route และการค้นหา log

กำหนดขอบเขตแพตเทิร์นก่อน

ก่อนเขียน Regex ให้เตรียมตัวอย่างที่ต้องจับคู่และตัวอย่างที่ต้องไม่ผ่าน จากนั้นตรวจ flag กลุ่มจับค่า และอักขระ escape เพื่อลดการจับคู่ผิด

กันข้อมูลอ่อนไหวออก

เครื่องมือในเบราว์เซอร์เร็ว แต่ข้อมูลลับระบบจริง ข้อมูลลูกค้า และชื่อ host ภายในควรถูกลบหรือปิดบัง

ตรวจผลก่อนคัดลอก

ถือว่าผลลัพธ์เป็นฉบับร่างจนกว่าจะยืนยันสภาพแวดล้อมรัน รูปแบบไวยากรณ์ หรือพฤติกรรมแพลตฟอร์ม

ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้อง

อย่าจบ แพตเทิร์น Regex สำหรับใช้งานจริง เป็นขั้นตอนเดี่ยว ก่อนคัดลอกให้ตรวจรูปแบบ เขตเวลา การเข้ารหัส และสถานะ URL สาธารณะด้วยเครื่องมือที่เกี่ยวข้อง

เหลือเฉพาะผลลัพธ์ที่แชร์ได้

ลบข้อมูลลับระบบจริง ข้อมูลลูกค้า host ภายใน และ token ใช้ครั้งเดียว เขียนสมมติฐานหลักสั้น ๆ เพื่อใช้ต่อในเอกสาร issue หรือ code review

กำหนดเกณฑ์ตรวจผลก่อน

ก่อนใช้ แพตเทิร์น Regex สำหรับใช้งานจริง ให้กำหนดว่าผลลัพธ์แบบใดจึงคัดลอกได้อย่างปลอดภัย การดูรูปแบบข้อมูลเข้า สภาพแวดล้อมปลายทาง ขอบเขตความปลอดภัย และขอบเขตการแชร์ร่วมกันช่วยบอกว่าผลลัพธ์เหมาะกับงานจริงหรือไม่

ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก

เชื่อมไปงานถัดไป

งานที่ดีไม่หยุดแค่การแปลงครั้งเดียว จัดรูปแบบแล้วค่อยดึงข้อมูล สร้างแล้วตรวจความถูกต้อง ตรวจ URL สาธารณะแล้วดู header, DNS, robots หรือ sitemap ต่อ

นำผลที่จัดรูปแบบแล้วไปเทียบ diff หรือ schema เมื่อจำเป็น
ดูผล URL และ network คู่กับ redirect, robots และ sitemap
ก่อนแชร์ให้ลบ secret, host ภายใน และข้อมูลลูกค้า

ก่อนคัดลอก

ขั้นตอนตรวจสั้น ๆ เพื่อใช้ซ้ำอย่างปลอดภัย

1. Regex ตัวทดสอบทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันทีโค้ดขั้นตอนถัดไป: ทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันทีเทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง 2. JSON ตัวจัดรูปแบบจัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้นข้อมูลขั้นตอนถัดไป: จัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้นเทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง 3. URL ตัวเข้ารหัสเข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URLเว็บขั้นตอนถัดไป: เข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URLเทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง

Regex ตัวทดสอบ

ทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันที

โค้ด

กรณีใช้งาน

ทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันที
จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอก
ใช้ Regex ตัวทดสอบ คู่กับเครื่องมือที่เกี่ยวข้องเพื่อลดขั้นตอน

เครื่องมือที่เกี่ยวข้อง

JSON ตัวจัดรูปแบบจัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้นขั้นตอนถัดไป: จัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้น URL ตัวเข้ารหัสเข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URLขั้นตอนถัดไป: เข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URL

กรณีผิดพลาดที่พบบ่อย

ทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันที
ถ้าโหมด ในเบราว์เซอร์ ไม่ตรงกับรูปแบบข้อมูลจริง อย่าเชื่อผลลัพธ์ทันที
ลบข้อมูลลับระบบจริง ข้อมูลลูกค้า และ URL ภายในก่อนแชร์ค่าที่คัดลอก

ก่อนคัดลอก

เทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง
ตรวจความต่างของ runtime การเข้ารหัส เขตเวลา และนโยบายความปลอดภัย
ใช้เครื่องมือที่เกี่ยวข้องเพื่อตรวจว่า Regex ตัวทดสอบ เหมาะกับขั้นตอนถัดไปหรือไม่

ตัวอย่าง

อินพุตทั่วไป

ใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ Regex ตัวทดสอบ

^[^\s@]+@[^\s@]+\.[^\s@]+$

เอาต์พุตทั่วไป

ตัวอย่างเร็วเพื่อตรวจรูปแบบผลลัพธ์ก่อนคัดลอก

^/tools/[a-z0-9-]+$

ตัวอย่างเพิ่มเติม

ตัวอย่างเร็วเพื่อตรวจรูปแบบผลลัพธ์ก่อนคัดลอก

(\d{4})-(\d{2})-(\d{2})

FAQ

อินพุตของ Regex ตัวทดสอบ ประมวลผลที่ไหน

เมื่อทำได้จะประมวลผลในเบราว์เซอร์ แต่ไม่ควรใส่ข้อมูลลับระบบจริงหรือข้อมูลลูกค้า

ใช้ผลลัพธ์ในระบบจริงได้ทันทีไหม

ก่อนคัดลอกควรตรวจสภาพแวดล้อมรัน การเข้ารหัส เขตเวลา และนโยบายความปลอดภัยของระบบปลายทาง

JSON ตัวจัดรูปแบบ

จัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้น

ข้อมูล

กรณีใช้งาน

จัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้น
จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอก
ใช้ JSON ตัวจัดรูปแบบ คู่กับเครื่องมือที่เกี่ยวข้องเพื่อลดขั้นตอน

เครื่องมือที่เกี่ยวข้อง

JSON Escape Unescapeescape และ unescape เครื่องหมายคำพูด บรรทัดใหม่ และ backslash ใน JSON string สำหรับ log และข้อมูลทดสอบขั้นตอนถัดไป: escape และ unescape เครื่องหมายคำพูด บรรทัดใหม่ และ backslash ใน JSON string สำหรับ log และข้อมูลทดสอบ JSON to TypeScriptอนุมาน interface TypeScript จาก JSON ตัวอย่างเพื่อสร้าง type สำหรับคำตอบ API และค่าตั้งได้เร็วขึ้นขั้นตอนถัดไป: อนุมาน interface TypeScript จาก JSON ตัวอย่างเพื่อสร้าง type สำหรับคำตอบ API และค่าตั้งได้เร็วขึ้น

กรณีผิดพลาดที่พบบ่อย

จัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้น
ถ้าโหมด ในเบราว์เซอร์ ไม่ตรงกับรูปแบบข้อมูลจริง อย่าเชื่อผลลัพธ์ทันที
ลบข้อมูลลับระบบจริง ข้อมูลลูกค้า และ URL ภายในก่อนแชร์ค่าที่คัดลอก

ก่อนคัดลอก

เทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง
ตรวจความต่างของ runtime การเข้ารหัส เขตเวลา และนโยบายความปลอดภัย
ใช้เครื่องมือที่เกี่ยวข้องเพื่อตรวจว่า JSON ตัวจัดรูปแบบ เหมาะกับขั้นตอนถัดไปหรือไม่

ตัวอย่าง

อินพุตทั่วไป

ใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ JSON ตัวจัดรูปแบบ

{"status":"ok","items":[1,2,3]}

เอาต์พุตทั่วไป

ตัวอย่างเร็วเพื่อตรวจรูปแบบผลลัพธ์ก่อนคัดลอก

{
  "status": "ok"
}

ตัวอย่างเพิ่มเติม

ตัวอย่างเร็วเพื่อตรวจรูปแบบผลลัพธ์ก่อนคัดลอก

{"error":{"code":"invalid_request","message":"Missing id"},"requestId":"req_123"}

FAQ

อินพุตของ JSON ตัวจัดรูปแบบ ประมวลผลที่ไหน

ใช้ผลลัพธ์ในระบบจริงได้ทันทีไหม

URL ตัวเข้ารหัส

เข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URL

เว็บ

กรณีใช้งาน

เข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URL
จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอก
ใช้ URL ตัวเข้ารหัส คู่กับเครื่องมือที่เกี่ยวข้องเพื่อลดขั้นตอน

เครื่องมือที่เกี่ยวข้อง

URL ตัวแยกวิเคราะห์แยก URL เป็น protocol, host, path, query params, hash และ origin เพื่อตรวจการเปลี่ยนทางขั้นตอนถัดไป: แยก URL เป็น protocol, host, path, query params, hash และ origin เพื่อตรวจการเปลี่ยนทาง Base64 ตัวเข้ารหัส ตัวถอดรหัสแปลงข้อความ Base64 Base64URL data URL ของรูปภาพ JSON payload และ JWT segment ในเครื่อง แล้วตรวจโครงสร้างก่อนคัดลอกขั้นตอนถัดไป: แปลงข้อความ Base64 Base64URL data URL ของรูปภาพ JSON payload และ JWT segment ในเครื่อง แล้วตรวจโครงสร้างก่อนคัดลอก

กรณีผิดพลาดที่พบบ่อย

เข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URL
ถ้าโหมด ในเบราว์เซอร์ ไม่ตรงกับรูปแบบข้อมูลจริง อย่าเชื่อผลลัพธ์ทันที
ลบข้อมูลลับระบบจริง ข้อมูลลูกค้า และ URL ภายในก่อนแชร์ค่าที่คัดลอก

ก่อนคัดลอก

เทียบข้อมูลต้นฉบับกับรูปแบบผลลัพธ์อีกครั้ง
ตรวจความต่างของ runtime การเข้ารหัส เขตเวลา และนโยบายความปลอดภัย
ใช้เครื่องมือที่เกี่ยวข้องเพื่อตรวจว่า URL ตัวเข้ารหัส เหมาะกับขั้นตอนถัดไปหรือไม่

ตัวอย่าง

อินพุตทั่วไป

ใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ URL ตัวเข้ารหัส

https://example.com/callback?state=a b

เอาต์พุตทั่วไป

ตัวอย่างเร็วเพื่อตรวจรูปแบบผลลัพธ์ก่อนคัดลอก

https%3A%2F%2Fexample.com%2Fcallback%3Fstate%3Da%20b

FAQ

อินพุตของ URL ตัวเข้ารหัส ประมวลผลที่ไหน

ใช้ผลลัพธ์ในระบบจริงได้ทันทีไหม

เครื่องมือที่เกี่ยวข้อง

เปิดยูทิลิตี้ที่เกี่ยวข้องกับคู่มือนี้

Regex ตัวทดสอบทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันทีทดสอบ regex JavaScript กับข้อความจริงและดูผลที่ตรงกัน flag และกลุ่มที่จับได้ทันที · จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอกใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ Regex ตัวทดสอบเมื่อทำได้จะประมวลผลในเบราว์เซอร์ แต่ไม่ควรใส่ข้อมูลลับระบบจริงหรือข้อมูลลูกค้า JSON ตัวจัดรูปแบบจัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้นจัดรูปแบบ JSON จาก API ค่าตั้ง และบันทึกให้อ่านง่ายและเห็นข้อผิดพลาดไวยากรณ์เร็วขึ้น · จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอกใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ JSON ตัวจัดรูปแบบเมื่อทำได้จะประมวลผลในเบราว์เซอร์ แต่ไม่ควรใส่ข้อมูลลับระบบจริงหรือข้อมูลลูกค้า URL ตัวเข้ารหัสเข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URLเข้ารหัสและถอดรหัสส่วนประกอบ URL สำหรับ query string พารามิเตอร์เปลี่ยนทาง และ callback URL · จัดการอินพุตด้วยโหมด ในเบราว์เซอร์ และตรวจผลก่อนคัดลอกใช้ตัวอย่างนี้เพื่อตรวจขั้นตอนอินพุตของ URL ตัวเข้ารหัสเมื่อทำได้จะประมวลผลในเบราว์เซอร์ แต่ไม่ควรใส่ข้อมูลลับระบบจริงหรือข้อมูลลูกค้า