Możesz udostępnić swój lokalny serwer dev każdemu w internecie, wystawiając go przez publiczny URL HTTPS. Tunel localhost zamienia twoją pracę w toku w link podglądu na żywo w sekundy — bez deployu na staging, bez VPN i bez udostępniania ekranu.
Dlaczego udostępniać localhost zamiast deployować na staging?
Deploye na staging sprawdzają się przy finalnych kontrolach integracji, ale są wolne do codziennej współpracy. Gdy projektant musi przejrzeć poprawkę UI, PM chce przetestować nowy przepływ, a klient prosi o demo, czekanie na pipeline'y CI/CD dodaje niepotrzebnego tarcia.
Tunelowanie localhost daje natychmiastowe pętle informacji zwrotnej: zmień kod lokalnie, odśwież udostępniony URL, a współpracownicy widzą aktualizację natychmiast.
Kto korzysta z udostępnionych lokalnych podglądów?
- Projektanci: przeglądają responsywne układy i interakcje na prawdziwych URL-ach.
- Product managerowie: walidują przepływy funkcji przed merge'ami code review.
- Inżynierowie QA: testują przypadki brzegowe na dokładnej gałęzi dewelopera.
- Klienci i interesariusze: widzą pracę w toku bez dostępu do twojej infrastruktury wewnętrznej.
- Zdalni koledzy: współpracują między strefami czasowymi bez współdzielonego dostępu VPN.
Jak udostępnić swój lokalny serwer dev jedną komendą
- Uruchom aplikację lokalnie (na przykład na porcie 3000).
- Wykonaj
npx portpreview 3000, by utworzyć publiczny URL HTTPS. - Skopiuj URL i wyślij współpracownikowi przez Slacka, e-mail lub narzędzie projektowe.
- Otwierają link w dowolnej przeglądarce — bez specjalnego oprogramowania.
- Trzymaj tunel uruchomiony podczas aktywnej sesji przeglądu, potem zatrzymaj po zakończeniu.
Dobre praktyki udostępniania lokalnych podglądów
Używaj danych testowych, nie produkcyjnych
Udostępnione podglądy powinny używać poświadczeń sandbox i zanonimizowanych danych testowych. Nigdy nie wystawiaj baz produkcyjnych ani prawdziwych informacji klientów przez tunel deweloperski.
Ustaw oczekiwania co do uptime'u
URL-e tunelu są aktywne tylko gdy działa twoja sesja CLI. Powiedz współpracownikom, że link wygasa, gdy zamkniesz laptopa lub zatrzymasz tunel.
Testuj na prawdziwych urządzeniach
Udostępnione URL-e działają też na telefonach i tabletach. Po przeglądy specyficzne dla mobile zobacz nasz przewodnik o testowaniu mobilnym z tunelem localhost.
Chroń wrażliwe funkcje
Jeśli twój podgląd zawiera panele admin lub niewydane funkcje, dodaj basic auth lub feature flagi zamiast szeroko udostępniać niechroniony URL tunelu.
Lokalny podgląd vs staging vs udostępnianie ekranu
- Udostępnianie ekranu: szybkie ale pasywne — recenzenci nie mogą wchodzić w interakcje niezależnie.
- Deploy na staging: realistyczne środowisko ale wolna iteracja (minuty do godzin).
- Tunel localhost: natychmiastowy, interaktywny i powiązany z twoją obecną gałęzią.
Częste przypadki użycia
Sesje przeglądu designu, dema sprintu, przejścia z klientami, testowanie przepływu OAuth z zewnętrznymi dostawcami i QA cross-browser — wszystkie korzystają z udostępnialnego lokalnego URL. Po konfigurację specyficzną dla OAuth przeczytaj jak testować callbacki OAuth lokalnie.
Zacznij PortPreview za darmo, by udostępniać lokalne podglądy z wbudowaną widocznością żądań.