Omówienie wdrażania aplikacji JavaScript na platformie Azure
Aby wdrożyć aplikację opartą na języku JavaScript na platformie Azure, należy przenieść plik lub zestaw plików na platformę Azure, który ma być obsługiwany za pośrednictwem punktu końcowego HTTP. Proces przenoszenia plików jest nazywany wdrożeniem.
Warunki wstępne
- Subskrypcja platformy Azure — utwórz ją za darmo.
- Node.js LTS.
- Konto usługi GitHub, jeśli planujesz wdrożenie z repozytorium GitHub.
Metody wdrażania
Platforma Azure oferuje różne metody wdrażania dostosowane do różnych potrzeb. Oto kilka typowych metod:
| Metoda | Szczegóły |
|---|---|
| interfejsu wiersza polecenia dewelopera platformy Azure | Idealny dla deweloperów, którzy preferują narzędzia wiersza polecenia i muszą zautomatyzować aprowizowanie i wdrażanie zasobów. |
| rozszerzenia programu Visual Studio Code | Nadaje się do ręcznych wdrożeń, wdrożeń testowych lub rzadkich wdrożeń. Wymaga zainstalowanych lokalnie odpowiednich rozszerzeń platformy Azure. |
| Azure CLI | Przydatne w przypadku wdrożeń ręcznych lub okazjonalnych. Wymaga lokalnego zainstalowania interfejsu wiersza polecenia platformy Azure. |
| GitHub Actions | Najlepsze w przypadku zautomatyzowanych lub ciągłych wdrożeń wyzwalanych przez zmiany w repozytorium GitHub. |
Istnieją inne metody wdrażania oparte na określonej usłudze. Na przykład usługa Azure App Service obsługuje szeroką gamę metod wdrażania:
Możesz ponownie wdrożyć usługę App Service przy użyciu dowolnej z podanych metod, nawet jeśli nie użyto tej metody do pierwotnego wdrożenia. W przypadku przełączania metod może istnieć pewna konfiguracja przed ponownym wdrożeniem.
Kroki kompilacji
W zależności od złożoności i potrzeb związanych z wdrażaniem aplikacji można utworzyć aplikację JavaScript przed wdrożeniem lub podczas wdrażania:
- Kompilacja przed wdrożeniem: w przypadku złożonych lub długich kompilacji spakuj aplikację w pliku zip i wdróż ją. Pakiet wdrożeniowy umożliwia kontrolowanie i testowanie kompilacji przed wdrożeniem.
- Kompilacja podczas wdrażania: aby uzyskać prostsze kompilacje, użyj zmiennej środowiskowej dostarczanej przez platformę Azure SCM_DO_BUILD_DURING_DEPLOYMENT=true, aby skompilować aplikację podczas wdrażania.
Miejsca wdrożenia
Sloty wdrożeniowe w usłudze Azure App Service umożliwiają tworzenie oddzielnych środowisk dla stagingu i produkcji. Użycie slotów umożliwia przetestowanie aplikacji w środowisku testowym przed zamianą na slot produkcyjny, zapewniając bezproblemowe i wolne od błędów wdrożenie. Dowiedz się więcej o miejscach wdrożenia.
Nie używaj miejsc wdrożenia do mieszania przeznaczeń wdrożeniowych. Wszystkie miejsca wdrożenia współużytkują usługę App Service, dlatego należy upewnić się, że wzorce ruchu i zamierzone użycie wszystkich miejsc są takie same. Jeśli potrzebujesz mieć hostowane środowisko testowe lub deweloperskie, powinno to być oddzielną usługą aplikacji.
Wdrażanie przy użyciu interfejsu wiersza polecenia dla deweloperów platformy Azure
Interfejs wiersza polecenia dla deweloperów platformy Azure (azd) upraszcza proces wdrażania aplikacji na platformie Azure. Wykonaj następujące kroki:
Zainstaluj Azure Developer CLI.
Znajdź istniejący projekt, który używa wielu tych samych zasobów używanych przez projekt.
Zainicjuj lokalną wersję projektu do użycia jako szablon infrastruktury dla własnego projektu.
azd init --template <template-name>Utwórz zasoby i wdróż kod na platformie Azure.
azd up
Wdrażanie za pomocą programu Visual Studio Code
Aby wdrożyć lub ponownie wdrożyć aplikację usługi App Service za pomocą programu Visual Studio Code, wykonaj następujące kroki:
Zainstaluj powiązane rozszerzenia platformy Azure, na przykład AzureApp Service lub azure Functions.
Otwórz eksploratora platformy Azure. Wybierz ikonę platformy Azure na pasku bocznym podstawowym lub użyj skrótu klawiaturowego (Shift + Alt + A).
W grupie Zasoby wybierz swoją subskrypcję i usługę.
Kliknij prawym przyciskiem myszy na swoją usługę, a następnie wybierz pozycję Wdróż w aplikacji internetowej....
Nawiązywanie połączenia ze środowiskiem hostowanym na platformie Azure
- Aby uzyskać ręczne lub okazjonalne dostępu do środowisk hostowanych, zapoznaj się z instrukcjami wyświetlania plików w środowisku hostowanym na platformie Azure.
- Aby uzyskać zautomatyzowany lub spójny dostęp, zastanów się nad wykonaniem kroków potrzebnych do skonfigurowania jednej z metod wdrażania.
Wyświetlanie plików w środowisku hostowanym na platformie Azure
Istnieje kilka sposobów natychmiastowego wyświetlenia plików w hostowanej aplikacji internetowej platformy Azure lub aplikacji funkcji. Jeśli używasz slotów w zasobie hostowanym, przed wyświetleniem plików upewnij się, że znajdujesz się w odpowiednim miejscu.
Wyświetl pliki w witrynie Azure Portal — wybierz pozycję Console w obszarze Narzędzia programistyczne dla zasobu hostingu.
Wyświetl pliki w rozszerzeniu programu VS Code: — wybierz ikonę platformy Azure na pasku działania. W sekcji Zasoby wybierz swoją subskrypcję i usługę. Węzeł Files udostępnia widok plików zdalnych.
- rozszerzenia usługi Azure App Service i azure Functions zapewniają widok plików zdalnych.
Wyświetlanie punktu końcowego HTTP w witrynie Azure Portal
Wyświetl swój punkt końcowy HTTP na stronie przeglądu usługi w portalu Azure.
Powiązana zawartość
- samouczki dotyczące wdrażania przy użyciu programu Visual Studio Code
- hostowanie aplikacji na platformie Azure