Static Server

คำสั่ง file สร้าง Tunnel ให้บริการไฟล์ Static จากไดเรกทอรีในเครื่อง

การใช้งานพื้นฐาน

tunnel file ./public

คำสั่งนี้เริ่ม Static File Server และสร้าง Tunnel ไปยังมัน

กรณีการใช้งาน

แชร์ไฟล์อย่างรวดเร็ว

แชร์ไฟล์กับเพื่อนร่วมงาน:

tunnel file ~/Documents/project-files

แสดงตัวอย่าง Static Site

ทดสอบ Static Site ที่ Build แล้ว:

npm run build
tunnel file ./dist --subdomain preview

แชร์เอกสาร

ให้บริการเอกสารในเครื่อง:

tunnel file ./docs/_site

คุณสมบัติ

Static Server รวมถึง:

• รายการไดเรกทอรี
• การตรวจจับประเภทไฟล์ (MIME types)
• ให้บริการ Index File (index.html)
• จัดการ 404
• Caching Headers
• UI โหมดมืด/สว่าง

ตัวเลือก

tunnel file ./public --subdomain files
tunnel file ./dist --inspect

รายการไดเรกทอรี

เมื่อเรียกดูไดเรกทอรีที่ไม่มี index.html ผู้ใช้จะเห็น File Browser:

• ไอคอนไฟล์ตามประเภท
• ขนาดไฟล์
• วันที่แก้ไขล่าสุด
• คอลัมน์ที่เรียงลำดับได้
• รองรับ Dark Mode

ตัวอย่างภาพ

คลิกที่ภาพในรายการไดเรกทอรีจะเปิดตัวอย่างพร้อม:

• ตัวควบคุม Zoom
• Pan (ลาก)
• หมุน
• รีเซ็ต

ความปลอดภัย

หลีกเลี่ยง:

# อย่าเปิดเผย Home Directory ทั้งหมด!
tunnel file ~/

# อย่าเปิดเผยไดเรกทอรี Config
tunnel file ~/.ssh

ตัวอย่าง

แชร์ผลลัพธ์ Build

# Build โปรเจกต์ของคุณ
npm run build

# แชร์ผลลัพธ์
tunnel file ./build --subdomain client-preview

# แชร์ URL: https://client-preview.domain.com

เอกสารชั่วคราว

แชร์เอกสารที่สร้างแล้ว:

# Build เอกสาร
mkdocs build

# ให้บริการ
tunnel file ./site --subdomain docs-preview

การเปรียบเทียบกับ HTTP Tunnel