Session cookie attribute builder — Session cookie attribute builder — เครื่องมือ dev ฟรีในเบราว์เซอร์ ดีบัก webhook, HTTP และ tunnel localhost
ใช้ Session cookie attribute builder เมื่อคุณต้องการดีบักอย่างรวดเร็วและเป็นส่วนตัวระหว่างพัฒนาในเครื่อง โดยเฉพาะงานรับ webhook, callback ของ OAuth และการเชื่อมต่อ API ที่การตั้งค่า staging ใช้เวลานานเกินไป แผงเครื่องมือทำงานทั้งหมดในเบราว์เซอร์ของคุณ เพียงวาง payload, header, URL หรือ token แล้วรับผลการตรวจสอบ การจัดรูปแบบ หรือสั่งสร้างโค้ดได้ทันที ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ PortPreview เว้นแต่คุณจะเลือกใช้ฟีเจอร์ tunnel เอง
เครื่องมือนี้ทำอะไร
Session cookie attribute builder ช่วยให้คุณทำงานได้เร็วขึ้นระหว่างพัฒนา API และ webhook ในเครื่อง วางข้อมูลลงในแผงด้านบนได้โดยตรงและเห็นผลลัพธ์ทันที ไม่ต้องติดตั้งโปรแกรมบนเดสก์ท็อป และไม่ต้องส่งข้อมูลลับไปยังเซิร์ฟเวอร์ภายนอก
เมื่อไหร่ที่นักพัฒนาใช้
เลือกใช้เครื่องมือนี้เมื่อต้องดีบัก payload ของ webhook ตรวจสอบ header จัดรูปแบบ JSON หรือเตรียมสคริปต์ HTTP ก่อนเปิด tunnel สำหรับ callback จริงจากผู้ให้บริการ มีประโยชน์มากเมื่อ staging ใช้ไม่ได้หรือช้าเกินกว่าจะทดลองซ้ำ ๆ
ขั้นตอนในเบราว์เซอร์
- เปิดแผงเครื่องมือ แล้ววาง payload, URL, header หรือ token ของคุณ
- ตรวจดูผลลัพธ์ที่จัดรูปแบบแล้ว ข้อความตรวจสอบ หรือโค้ดที่สร้างขึ้น
- คัดลอกผลลัพธ์ไปใช้ในแอป เทส หรือ API client ของคุณ
- เมื่อผู้ให้บริการต้องการ URL แบบ HTTPS สาธารณะ ให้รัน
npx portpreview 3000แล้วลงทะเบียน URL ของ tunnel
ตัวอย่าง input/output
เริ่มจากตัวอย่าง webhook หรือ API จริงในเอกสารของผู้ให้บริการ Session cookie attribute builder จะชี้จุดที่ไวยากรณ์ผิด ฟิลด์ที่ขาดหาย และปัญหาการเข้ารหัส เพื่อให้คุณแก้ไขได้ก่อนที่เหตุการณ์จะส่งถึงเซิร์ฟเวอร์ในเครื่อง
ข้อผิดพลาดที่พบบ่อยและวิธีแก้
- เข้ารหัสผิดรูปแบบ: ตรวจสอบว่า raw body และ JSON ที่ parse แล้วตรงกับที่ตัวตรวจสอบลายเซ็นคาดหวัง
- header ขาดหาย: ผู้ให้บริการ webhook มักกำหนดชื่อ header เฉพาะ ให้เทียบกับเอกสารทางการ
- URL ที่ใช้ได้เฉพาะในเครื่อง: บริการภายนอกเรียก
127.0.0.1ไม่ได้ ให้ใช้ tunnel แบบ HTTPS สำหรับทดสอบการส่ง
ความปลอดภัยและความเป็นส่วนตัว (ประมวลผลฝั่ง client)
การประมวลผลเกิดขึ้นในแท็บเบราว์เซอร์ของคุณ PortPreview ไม่เก็บข้อมูลลับที่คุณวาง เว้นแต่คุณจะใช้ฟีเจอร์ tunnel หรือบัญชีแยกต่างหาก หลีกเลี่ยงการวางข้อมูลรับรองของระบบจริง ให้ใช้คีย์โหมดทดสอบ และหมุนเวียนคีย์ที่หลุดออกไปโดยไม่ตั้งใจเสมอ
เครื่องมือที่เกี่ยวข้องในหมวดนี้
ดูเครื่องมือที่เกี่ยวข้องในหมวดเดียวกันด้านล่าง เพื่อเสริมงานตรวจสอบ จัดรูปแบบ และดีบัก การใช้ตัวจัดรูปแบบร่วมกับตัวตรวจลายเซ็นและเช็กลิสต์ tunnel ครอบคลุมงานเชื่อมต่อ webhook ได้เกือบทั้งหมด
เชื่อมต่อกับ tunnel PortPreview
เมื่อเวิร์กโฟลว์ของคุณต้องรับ HTTP ขาเข้าจาก Stripe, GitHub, ผู้ให้บริการ OAuth หรือแพลตฟอร์มแชต ให้เปิด localhost ด้วย npx portpreview <port> PortPreview คง header ที่จำเป็นต่อการตรวจสอบลายเซ็นไว้ครบ และให้ URL แบบ HTTPS ที่คงที่สำหรับตั้งค่าในแดชบอร์ด