Udostępnij za pośrednictwem

Uruchamianie emulatora interfejsu wiersza polecenia usługi Static Web Apps

  • Artykuł

Static Web Apps to oparta na chmurze platforma, która hostuje i uruchamia aplikacje internetowe. Po uruchomieniu aplikacji lokalnie potrzebne są specjalne narzędzia ułatwiające przybliżone sposób działania aplikacji w chmurze.

Interfejs wiersza polecenia usługi Static Web Apps (SWA CLI) zawiera emulator, który naśladuje sposób działania aplikacji na platformie Azure, ale zamiast tego działa wyłącznie na maszynie.

Polecenie swa start uruchamia emulator z ustawieniami domyślnymi. Domyślnie emulator używa portu 4280.

Aby uzyskać więcej informacji na temat poszczególnych poleceń, zobacz dokumentację interfejsu wiersza polecenia.

Obsługa plików statycznych z systemu plików

Interfejs wiersza polecenia swa umożliwia bezpośrednie udostępnianie zawartości statycznej z systemu plików bez innych wymaganych narzędzi. Możesz obsłużyć zawartość statyczną z bieżącego katalogu lub określonego folderu.

Obsługa z... Polecenie Uwagi
Bieżący folder swa start Domyślnie interfejs wiersza polecenia uruchamia i obsługuje zawartość statyczną (pliki HTML, obraz, skrypt i CSS) z bieżącego katalogu roboczego.
Określony folder swa start ./my-dist Możesz zastąpić zachowanie, aby uruchomić emulator za pomocą innego folderu zasobów statycznych.

Korzystanie z serwera programistycznego

Podczas opracowywania frontonu aplikacji możesz użyć domyślnego serwera programistycznego platformy. Korzystanie z serwera platformy umożliwia korzystanie z zalet, takich jak ponowne ładowanie na żywo i wymiana gorącego modułu (HMR).

Na przykład deweloperzy platformy Angular często używają ng serve programu Lub npm start do uruchamiania serwera programistycznego.

Interfejs wiersza polecenia usługi Static Web Apps można skonfigurować do serwera proxy żądań do serwera deweloperskiego, co zapewnia korzyści interfejsu wiersza polecenia platformy podczas jednoczesnej pracy z interfejsem wiersza polecenia usługi Static Web Apps.

Istnieją dwa kroki korzystania z serwera deweloperskiego platformy wraz z interfejsem wiersza polecenia swa:

  1. Uruchom lokalny serwer deweloperski platformy w zwykły sposób. Pamiętaj, aby zanotować adres URL (w tym port) używany przez platformę.

  2. Uruchom interfejs wiersza polecenia swa w nowym terminalu, przekazując adres URL serwera deweloperskiego.

    swa start <DEV_SERVER_URL>

Uwaga

Pamiętaj, aby zastąpić <DEV_SERVER_URL> symbol zastępczy własną wartością.

Uruchamianie serwera deweloperskiego

Możesz jeszcze bardziej uprościć przepływ pracy, uruchamiając serwer deweloperski za pomocą interfejsu wiersza polecenia platformy SWA.

Polecenie niestandardowe można przekazać do parametru --run swa start do polecenia .

swa start <DEV_SERVER_URL> --run <DEV_SERVER_LAUNCH_COMMAND>

Oto kilka przykładów uruchamiania emulatora z kilkoma różnymi strukturami:

Framework Polecenie
React swa start http://localhost:3000 --run "npm start"
Blazor swa start http://localhost:5000 --run "dotnet watch run"
Technologia Jekyll swa start http://localhost:4000 --run "jekyll serve"

Możesz również użyć parametru --run , jeśli chcesz uruchomić skrypt niestandardowy podczas uruchamiania serwera deweloperskiego.

swa start http://localhost:4200 --run "./startup.sh"

Za pomocą powyższego polecenia możesz uzyskać dostęp do aplikacji za pomocą emulowanych usług z http://localhost:4280

Następne kroki

Uruchamianie serwera interfejsu API