การแสดงตัวอย่างสด

Localhost Tunnel
HTTPS สาธารณะในคลิกเดียว

คุณต้องแชร์เซิร์ฟเวอร์พัฒนาในเครื่องของคุณกับเพื่อนร่วมงาน ลูกค้า หรือทดสอบบนโทรศัพท์ของคุณ ไม่มีการปรับใช้ ไม่มีการกำหนดค่า ngrok เลือกซับโดเมน กดเริ่ม และ localhost ของคุณจะออนไลน์ที่ URL HTTPS สาธารณะ

รับ AgentsRoom ดูวิธีการทำงาน

ทุกสิ่งที่คุณต้องการเพื่อแชร์ localhost

โซลูชันการสร้างอุโมงค์ localhost ที่ครบถ้วนซึ่งสร้างขึ้นในกระบวนการพัฒนาของคุณ ไม่มีเครื่องมือภายนอก ไม่มีแผนชำระเงิน ไม่มี CLI ที่ต้องติดตั้ง

ซับโดเมนที่กำหนดเอง

เลือกซับโดเมนของคุณเอง เช่น my-app.preview.agentsroom.dev URL สาธารณะของคุณน่าจดจำและเป็นมืออาชีพ แชร์กับลูกค้าโดยไม่ต้องอาย

HTTPS โดยค่าเริ่มต้น

ทุก URL ของอุโมงค์จะให้บริการผ่าน HTTPS โดยอุโมงค์ที่ปลอดภัยในตัวของ AgentsRoom ไม่มีใบรับรองที่เซ็นชื่อด้วยตนเอง ไม่มีคำเตือนจากเบราว์เซอร์ การแสดงตัวอย่างสดของคุณดูและทำงานเหมือนเว็บไซต์ที่ผลิตจริง

WebSocket passthrough

Vite HMR, Next.js hot reload, Expo Metro bundler, server-sent events ทั้งหมดทำงานผ่านอุโมงค์ การแสดงตัวอย่างสดของคุณจะอัปเดตแบบเรียลไทม์เมื่อคุณเขียนโค้ด

ตรวจจับเซิร์ฟเวอร์พัฒนาโดยอัตโนมัติ

AgentsRoom สแกนพอร์ตที่เปิดของคุณและตรวจจับเซิร์ฟเวอร์พัฒนาที่กำลังทำงานโดยอัตโนมัติ Next.js บน 3000, Vite บน 5173, Expo บน 8081 เลือกจากรายการหรือป้อนพอร์ตที่กำหนดเอง

เริ่มและหยุดด้วยคลิกเดียว

ไม่มีคำสั่ง CLI ไม่มีไฟล์กำหนดค่า กดเริ่มเพื่อเปิดอุโมงค์ กดหยุดเพื่อปิดมัน URL สาธารณะออนไลน์ในไม่กี่วินาที

ดูตัวอย่างจากโทรศัพท์ของคุณ

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

เชื่อมต่อใหม่โดยอัตโนมัติ

หากการเชื่อมต่อขาดหายไป AgentsRoom จะลองเชื่อมต่อใหม่โดยอัตโนมัติสูงสุด 5 ครั้ง หัวใจทุก 25 วินาทีช่วยให้อุโมงค์มีชีวิตอยู่ผ่านการหมดเวลาอุโมงค์ที่ปลอดภัยในตัว

หน้าสำหรับออฟไลน์ที่มีแบรนด์

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

แดชบอร์ด localhost tunnel ของ AgentsRoom แสดงอุโมงค์ที่ใช้งานอยู่พร้อม URL HTTPS สาธารณะ ซับโดเมนที่กำหนดเอง และสถานะการเชื่อมต่อ

เซิร์ฟเวอร์พัฒนาในเครื่องของคุณ เข้าถึงได้จากทุกที่ด้วยลิงก์ HTTPS สาธารณะ

มันทำงานอย่างไร

เลือกเซิร์ฟเวอร์พัฒนา

AgentsRoom สแกนพอร์ตที่เปิดของคุณและแสดงรายการเซิร์ฟเวอร์ท้องถิ่นที่กำลังทำงานทั้งหมด เลือกเซิร์ฟเวอร์ที่คุณต้องการเปิดเผย: Next.js, Vite, Expo, Django, Rails หรือพอร์ตที่กำหนดเองใดๆ

เลือกซับโดเมน

พิมพ์ซับโดเมนที่คุณต้องการ AgentsRoom จะตรวจสอบในเวลาจริงและแสดง URL สาธารณะทั้งหมดให้คุณ ซับโดเมนนี้จะถูกสงวนไว้สำหรับบัญชีของคุณ ไม่มีใครสามารถนำไปใช้ได้

https://my-app.preview.agentsroom.dev

เริ่มอุโมงค์

กดเริ่ม AgentsRoom จะเปิดการเชื่อมต่อ WebSocket ไปยังเซิร์ฟเวอร์อุโมงค์ ซึ่งจะเป็นพร็อกซี่สำหรับคำขอ HTTP ที่เข้ามาทั้งหมดไปยังเซิร์ฟเวอร์พัฒนาท้องถิ่นของคุณ URL สาธารณะจะใช้งานได้ภายในเวลาไม่ถึง 2 วินาที

แชร์ลิงก์

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

หยุดเมื่อเสร็จสิ้น

กดหยุด อุโมงค์จะปิดทันที ผู้เข้าชมจะเห็นหน้าสำหรับออฟไลน์ที่มีสไตล์จนกว่าคุณจะเริ่มใหม่ ซับโดเมนของคุณจะถูกสงวนไว้สำหรับครั้งถัดไป

การเปรียบเทียบ

ทำไมไม่ใช้ ngrok?

อุโมงค์ของ AgentsRoom ถูกสร้างขึ้นสำหรับนักพัฒนาที่ใช้ AgentsRoom อยู่แล้ว ไม่มีการตั้งค่า ไม่มีค่าใช้จ่าย ไม่มีการเปลี่ยนบริบท

ฟรี ไม่มีแผนที่ต้องชำระเงิน

ngrok เรียกเก็บเงิน $20+/เดือนสำหรับซับโดเมนที่กำหนดเองและ URL ถาวร อุโมงค์ของ AgentsRoom รวมอยู่ในแอปฟรี

ไม่มีการจำกัดแบนด์วิธ

ngrok จำกัดแบนด์วิธในแผนฟรีและแม้แต่แผนที่ต้องชำระเงิน อุโมงค์ของ AgentsRoom ไม่มีการจำกัดแบนด์วิธ: สตรีมทรัพย์สิน ทดสอบการอัปโหลดไฟล์ และดูตัวอย่างหน้าเว็บที่มีสื่อหนักโดยไม่มีข้อจำกัด

ไม่มี CLI ให้ติดตั้ง

ngrok ต้องการการติดตั้งไบนารีและการรันคำสั่งในเทอร์มินัล อุโมงค์ของ AgentsRoom เป็นปุ่มในแดชบอร์ดโปรเจกต์ของคุณ

รวมอยู่ในกระบวนการทำงานของคุณ

เริ่มอุโมงค์จากแอปเดียวกันที่คุณจัดการตัวแทน เทอร์มินัล และการตรวจสอบโค้ด ไม่มีการเปลี่ยนบริบทระหว่างเครื่องมือ

มีแอปมือถือรวมอยู่ด้วย

เริ่มอุโมงค์จากโทรศัพท์ของคุณและดูตัวอย่างเว็บไซต์ของคุณระหว่างเดินทาง ngrok ไม่มีแอปมือถือ

FAQ

อุโมงค์ localhost ฟรีจริงหรือ?

ใช่ แผนฟรีรวมถึงอุโมงค์พร้อมกัน 1 อันที่มีซับโดเมนที่กำหนดเอง HTTPS WebSocket passthrough และไม่มีการจำกัดแบนด์วิธ ต้องการอุโมงค์หลายอันในเวลาเดียวกัน? อัปเกรดเป็น Pro เพื่ออุโมงค์พร้อมกันไม่จำกัด แตกต่างจาก ngrok ไม่มีการจำกัดแบนด์วิธในแผนใดๆ

การโหลดโมดูลร้อน (HMR) ทำงานผ่านอุโมงค์หรือไม่?

ใช่ อุโมงค์รองรับ WebSocket passthrough แบบเต็ม ซึ่งหมายความว่า Vite HMR การรีเฟรชอย่างรวดเร็วของ Next.js การโหลดร้อนของ Expo Metro bundler และโปรโตคอลที่ใช้ WebSocket อื่นๆ ทำงานได้อย่างราบรื่นผ่านอุโมงค์

อุโมงค์เร็วแค่ไหน? มีความหน่วงหรือไม่?

อุโมงค์จะเพิ่มการเดินทางไปกลับหนึ่งครั้งผ่านเซิร์ฟเวอร์รีเลย์ สำหรับการพัฒนาล่วงหน้า ความหน่วงจะไม่สำคัญ มันไม่ได้ออกแบบมาสำหรับการจราจรในผลิตภัณฑ์หรือการวัดประสิทธิภาพ แต่สำหรับการแชร์งานที่กำลังดำเนินการ มันทำงานได้อย่างสมบูรณ์แบบ

หลายคนสามารถดู URL อุโมงค์ของฉันได้ในเวลาเดียวกันหรือไม่?

ใช่ อุโมงค์สามารถจัดการผู้เข้าชมพร้อมกันหลายคนได้ ทุกคำขอที่เข้ามาจะถูกส่งต่อไปยังเซิร์ฟเวอร์พัฒนาท้องถิ่นของคุณอย่างอิสระ มีขีดจำกัด 50 คำขอที่รอดำเนินการต่ออุโมงค์เพื่อป้องกันการใช้งานที่ไม่เหมาะสม

จะเกิดอะไรขึ้นถ้าการเชื่อมต่อของฉันหลุด?

AgentsRoom จะเชื่อมต่อใหม่โดยอัตโนมัติสูงสุด 5 ครั้งโดยมีการหน่วงเวลา 3 วินาทีระหว่างการพยายาม สัญญาณหัวใจทุก 25 วินาทีจะทำให้ WebSocket มีชีวิตอยู่ผ่านการหมดเวลาโปรxies ของอุโมงค์ที่ปลอดภัยในตัว ผู้เข้าชมจะเห็นหน้าสไตล์ออฟไลน์ที่มีการรีเฟรชอัตโนมัติจนกว่าอุโมงค์จะเชื่อมต่อใหม่