Bạn có thể chia sẻ máy chủ dev cục bộ với bất kỳ ai trên internet bằng cách phơi nó qua một URL HTTPS công khai. Một tunnel localhost biến công việc đang dở của bạn thành một liên kết xem trước trực tiếp trong vài giây — không cần deploy staging, không VPN và không chia sẻ màn hình.
Vì sao chia sẻ localhost thay vì deploy lên staging?
Deploy staging hữu ích cho kiểm tra tích hợp cuối, nhưng chậm cho cộng tác hằng ngày. Khi một designer cần rà soát một chỉnh sửa UI, một PM muốn kiểm thử một luồng mới, hoặc một khách hàng yêu cầu demo, chờ pipeline CI/CD thêm ma sát không cần thiết.
Tunneling localhost cho bạn các vòng phản hồi tức thì: đổi mã cục bộ, làm mới URL được chia sẻ, và cộng tác viên thấy bản cập nhật ngay lập tức.
Ai hưởng lợi từ các bản xem trước cục bộ được chia sẻ?
- Designer: rà soát bố cục responsive và tương tác trên URL thật.
- Product manager: xác thực luồng tính năng trước khi merge code review.
- Kỹ sư QA: kiểm thử trường hợp biên trên đúng nhánh của lập trình viên.
- Khách hàng và các bên liên quan: thấy công việc đang dở mà không truy cập hạ tầng nội bộ của bạn.
- Đồng nghiệp từ xa: cộng tác qua các múi giờ mà không cần truy cập VPN chung.
Cách chia sẻ máy chủ dev cục bộ trong một lệnh
- Khởi động ứng dụng cục bộ (ví dụ trên cổng 3000).
- Chạy
npx portpreview 3000để tạo một URL HTTPS công khai. - Sao chép URL và gửi cho cộng tác viên qua Slack, email hoặc công cụ dự án.
- Họ mở liên kết trong bất kỳ trình duyệt nào — không cần phần mềm đặc biệt.
- Giữ tunnel chạy trong khi phiên rà soát hoạt động, rồi dừng khi xong.
Thực hành tốt khi chia sẻ bản xem trước cục bộ
Dùng dữ liệu thử, không phải production
Bản xem trước được chia sẻ nên dùng thông tin xác thực sandbox và dữ liệu thử ẩn danh. Đừng bao giờ phơi cơ sở dữ liệu production hay thông tin khách hàng thật qua một tunnel phát triển.
Đặt kỳ vọng về thời gian hoạt động
URL tunnel chỉ hoạt động khi phiên CLI của bạn chạy. Hãy nói với cộng tác viên rằng liên kết hết hạn khi bạn đóng laptop hoặc dừng tunnel.
Kiểm thử trên thiết bị thật
URL được chia sẻ hoạt động cả trên điện thoại và máy tính bảng. Cho rà soát riêng về di động, xem hướng dẫn của chúng tôi về kiểm thử di động với tunnel localhost.
Bảo vệ tính năng nhạy cảm
Nếu bản xem trước của bạn gồm bảng admin hoặc tính năng chưa phát hành, thêm basic auth hoặc feature flag thay vì chia sẻ rộng một URL tunnel không được bảo vệ.
Xem trước cục bộ vs staging vs chia sẻ màn hình
- Chia sẻ màn hình: nhanh nhưng thụ động — người rà soát không thể tương tác độc lập.
- Deploy staging: môi trường thực tế nhưng lặp chậm (vài phút tới vài giờ).
- Tunnel localhost: tức thì, tương tác và gắn với nhánh hiện tại của bạn.
Các trường hợp dùng phổ biến
Các phiên rà soát thiết kế, demo sprint, hướng dẫn khách hàng, kiểm thử luồng OAuth với nhà cung cấp bên ngoài và QA đa trình duyệt đều hưởng lợi từ một URL cục bộ có thể chia sẻ. Cho thiết lập riêng về OAuth, đọc cách kiểm thử callback OAuth cục bộ.
Bắt đầu PortPreview miễn phí để chia sẻ bản xem trước cục bộ với khả năng nhìn rõ yêu cầu tích hợp.