Share via

Hostowanie aplikacji internetowych na platformie Azure

  • Artykuł

Dowiedz się, jak ustawić typowe konfiguracje aplikacji internetowej. Jeśli brakuje typowego ustawienia, otwórz problem w opinii i poinformuj nas o tym.

Wszystkie wymagane ustawienia są wymagane podczas tworzenia zasobu. Jeśli ustawienie nie jest żądane w tym czasie, ma wartość domyślną, którą można zmienić po utworzeniu zasobu.

Co to jest aplikacja internetowa?

Aplikacja internetowa to wszystko, co jest osiągane za pomocą internetowego adresu URL. Istnieje wiele usług platformy Azure, które można traktować jako aplikację internetową. Najczęściej używane usługi dla aplikacji internetowej to:

Jak skonfigurować ustawienia aplikacji internetowej

Większość usług platformy Azure oferuje cztery sposoby konfigurowania ustawień:

Wiele ustawień można również skonfigurować w programie Visual Studio Code z rozszerzeniami.

Użyj domyślnej nazwy domeny udostępnianej przez platformę Azure

Większość usług platformy Azure udostępnia adres URL zasobu. Nazwa usługi określa poddomenę z resztą domeny pochodzącej z platformy Azure.

Na przykład:

  • Azure Functions — https://my-function-app.azurewebsites.net
  • Aplikacja internetowa platformy Azure — https://my-web-app.azurewebsites.net
  • Obiekty blob usługi Azure Storage — https://mystorage.blob.core.windows.net/

Niektóre usługi, takie jak statyczne aplikacje internetowe, udostępniają poddomenę, która jest stosunkowo unikatowa, umożliwiając natychmiastowe użycie jej w środowisku produkcyjnym:

  • Azure Static Web Apps = https://gentle-tree-0b08aaf12.azurestaticapps.net

Konfigurowanie niestandardowej nazwy domeny

Każda usługa udostępnia własny mechanizm dodawania domeny niestandardowej.

Konfigurowanie przekierowania portów

Jeśli nie jest to port domyślny, musisz zamapować numer portu aplikacji. Dzięki temu usługa App Service przekazuje żądania do poprawnego portu.

// 3000 is an example port
const port = process.env.PORT || 3000

Konfigurowanie przeglądarki na potrzeby mechanizmu CORS do nawiązywania połączenia z serwerem

Jeśli musisz nawiązać połączenie z własnym serwerem i musisz zignorować zabezpieczenia MECHANIZMU CORS podczas uruchamiania i debugowania z klientem lokalnie, zalecanym rozwiązaniem jest skonfigurowanie tego ustawienia w pliku debugowania programu Visual Studio Code, launch.json, aby przekazać ustawienia do przeglądarki w celu wyłączenia zabezpieczeń.

Ponieważ ten plik jest ściśle używany do uruchamiania sesji debugowania, można bezpiecznie zaewidencjonować kontrolę źródła.

Konfigurowanie przeglądarki Edge w celu wyłączenia mechanizmu CORS na potrzeby debugowania

launch.json Poniższy plik konfiguruje ustawienie przeglądarki Edge w celu wyłączenia zabezpieczeń MECHANIZMU CORS dla sesji debugowania: --disable-web-security.

{
    // Debug client, with requests to server, w/o 
    // changes to client or server
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Edge against localhost",
            "request": "launch",
            "type": "pwa-msedge",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": [
                "--disable-web-security"
            ],
        },
    ]
}

Konfigurowanie przeglądarki Chrome w celu wyłączenia mechanizmu CORS na potrzeby debugowania

launch.json Poniższy plik konfiguruje ustawienie przeglądarki Chrome, aby wyłączyć zabezpieczenia MECHANIZMU CORS dla sesji debugowania: --disable-web-security.

{
    // Debug client, with requests to server, w/o 
    // changes to client or server
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": [
                "--disable-web-security"
            ],
        }
    ]
}

Konfigurowanie certyfikatów

Jeśli aplikacja wymaga certyfikatów natychmiast, możesz wybrać kilka opcji dostarczania certyfikatów:

  • Przekazywanie własnego certyfikatu
  • Zarządzanie certyfikatami w usłudze App Service
  • Importowanie certyfikatu z usługi Azure Key Vault
  • Podaj certyfikat w kodzie

Konfigurowanie wpisów tajnych

Wpisy tajne są zwykle udostępniane w następujący sposób:

  • Azure Key Vault — utwórz zasób dla tej usługi, który udostępnia wpisy tajne aplikacji.
  • Ustawienia aplikacji — jeśli szukasz rozwiązania o mniejszej wadze, możesz podać wpisy tajne jako ustawienia aplikacji i odwołać się do nich przy użyciu typowych zmiennych środowiskowych. process.env.VARNAME

Przechowywanie ustawień, ustawień i flag funkcji

Użyj aplikacja systemu Azure Configuration do przechowywania ustawień i flag funkcji. Możesz połączyć wpisy tajne usługi Key Vault z zasobem usługi App Configuration, a następnie ściągnąć wpisy tajne.

Usługa App Configuration ma kilka funkcji zaawansowanych poza typową parą nazw/wartości ustawień i flag funkcji:

Konfigurowanie rejestrowania

Rejestrowanie obejmuje:

  • rejestrowanie platformy — co dzieje się poza aplikacją
  • rejestrowanie aplikacji — co się dzieje w aplikacji

Dostępne są dzienniki platformy:

  • Aby zrozumieć kondycję środowiska.
  • Umożliwia skalowanie do innej warstwy cenowej lub między regionami.

Dzienniki aplikacji mogą być udostępniane, jeśli używasz domyślnych funkcji rejestrowania.

Konfigurowanie bazy danych i magazynu

Zazwyczaj połączenie z bazą danych lub magazynem danych rozpoczyna się od parametry połączenia.

Zagadnienia dotyczące połączeń danych:

  • Przełącz bieżące połączenie
  • Nowy magazyn danych — jeśli aplikacja potrzebuje nowego mechanizmu magazynu, platforma Azure oferuje wiele różnych opcji baz danych . Połączenie musi być bezpiecznie przechowywane.

Brakuje czegoś?

Jeśli brakuje czegoś z tej listy, wypełnij opinię, aby nam o tym poinformować.

Następne kroki