ตัวสร้าง VAPID Key สำหรับ Web Push
สร้างคู่กุญแจ VAPID สำหรับ Web Push notification ในเบราว์เซอร์ คีย์แบบ P-256 base64url ทั้งคีย์สาธารณะและส่วนตัว ฟรี เป็นส่วนตัว
Loading tool...
ตัวสร้าง VAPID Key สำหรับ Web Push คืออะไร?
ตัวสร้าง VAPID key จะสร้างคู่กุญแจ P-256 (สาธารณะ/ส่วนตัว) ที่ server ของคุณต้องใช้เพื่อยืนยันตัวตนเมื่อส่งคำขอ Web Push notification — public key ใช้แชร์กับ push service และเบราว์เซอร์ ส่วน private key เก็บไว้บน server เพื่อเซ็นทุกคำขอ push
ประโยชน์หลัก
- ไม่ต้องติดตั้งหรือใช้ server — สร้างคีย์ได้ทันทีในเบราว์เซอร์
- คีย์ปลอดภัยด้วยการเข้ารหัสจาก Web Crypto API โดยตรง
- ผลลัพธ์ base64url ใช้กับ web-push library ได้ทันที
- เป็นส่วนตัวโดยการออกแบบ — ไม่มีการส่งข้อมูล บันทึก หรือจัดเก็บใด ๆ
กรณีการใช้งาน
- •ตั้งค่า Web Push notification สำหรับเว็บไซต์หรือ PWA ครั้งแรก
- •หมุนเวียน VAPID key ที่ถูกบุกรุกโดยไม่ต้องสร้างใหม่บน server
- •พัฒนาและทดสอบ service-worker push flow ในเครื่อง
- •สร้างคีย์แยกตามโปรเจกต์เพื่อแยก credential ของ push ให้ชัดเจน
วิธีใช้ตัวสร้าง VAPID Key
- สร้างคู่กุญแจ: กดปุ่มสร้างคู่กุญแจเพื่อสร้างคีย์สาธารณะและส่วนตัวแบบ P-256 ชุดใหม่ในเครื่องของคุณทันที
- คัดลอก public key: ใช้ปุ่มคัดลอกข้าง public key แล้วนำไปใช้เป็น applicationServerKey ของ pushManager.subscribe ใน service worker
- เก็บ private key ให้ปลอดภัย: คัดลอก private key ไปเก็บใน environment variable บน server ห้าม commit ลง source control หรือเปิดเผยในโค้ดฝั่ง client เด็ดขาด
- เริ่มส่ง notification: ตั้งค่า web-push library (เช่น web-push สำหรับ Node.js) ด้วยคีย์ทั้งสอง แล้วเริ่มส่ง notification แบบเซ็นชื่อถึงผู้ใช้ได้เลย
คุณสมบัติหลัก
- สร้างคู่กุญแจ P-256 (ECDSA) ที่ปลอดภัยด้วย Web Crypto API ในเบราว์เซอร์
- แสดงคีย์ในรูปแบบ base64url พร้อมใช้กับ web-push library และ push service ทันที
- ทำงานฝั่ง client 100% — คีย์ไม่ถูกส่งออกจากเบราว์เซอร์และไม่มีการบันทึกใด ๆ
- คัดลอกแต่ละคีย์ได้ในคลิกเดียว พร้อมดาวน์โหลดเป็นไฟล์ JSON
- ใช้งานแบบออฟไลน์ได้ในเบราว์เซอร์สมัยใหม่ผ่าน HTTPS
คำถามที่พบบ่อย
VAPID key คืออะไร?
VAPID (Voluntary Application Server Identification) คือกุญแจที่ให้ server ของคุณแสดงตัวตนต่อ push service เมื่อส่ง Web Push notification ประกอบด้วย public key ที่แชร์กับ push service และ private key ที่ใช้เซ็นคำขอ
คีย์ที่สร้างถูกส่งไปที่ใดบ้างไหม?
ไม่มีครับ คู่กุญแจถูกสร้างในเครื่องด้วย Web Crypto API และไม่ออกจากเบราว์เซอร์ของคุณ หน้าเว็บยังใช้งานแบบออฟไลน์ได้หลังโหลดแล้ว
ใช้ curve และ format อะไร?
สร้างคีย์ P-256 (secp256r1) ECDSA ตามข้อกำหนดของ Web Push specification — public key แบบ raw 65 ไบต์ และ private key แบบ PKCS#8 เข้ารหัสเป็น base64url ไม่มี padding ซึ่งเป็น format ที่ web-push library ใช้งาน
ใช้คู่กุญแจเดียวกันกับหลายเว็บไซต์ได้ไหม?
ได้ครับ คู่กุญแจ VAPID หนึ่งชุดเซ็น push ให้โดเมนได้ไม่จำกัด แต่หลายทีมแยกคู่กุญแจต่อโปรเจกต์เพื่อให้การเพิกถอนทำได้ง่าย