Hosten von Web-Apps in Azure

  • Artikel

Hier erfahren Sie, wie Sie allgemeine Konfigurationen für Ihre Web-App festlegen. Wenn eine gängige Einstellung fehlt, erstellen Sie im Feedback ein Problem, und informieren Sie uns darüber.

Alle erforderlichen Einstellungen werden beim Erstellen der Ressource angefordert. Wird eine Einstellung nicht zu diesem Zeitpunkt angefordert, erhält sie einen Standardwert, den Sie nach der Erstellung der Ressource ändern können.

Was ist eine Web-App?

Eine Web-App ist ein beliebiges Element, das über eine Internet-URL erreicht werden kann. Es gibt zahlreiche Azure-Dienste, die als Web-App angesehen werden können. Die wichtigsten Dienste, die normalerweise für eine Web-App verwendet werden:

Konfigurieren von Einstellungen für Web-Apps

Die meisten Azure-Dienste bieten vier Möglichkeiten zum Konfigurieren von Einstellungen:

Viele Einstellungen können auch in Visual Studio Code mit Erweiterungen konfiguriert werden.

Verwenden des von Azure bereitgestellten Standarddomänennamens

Die meisten Azure-Dienste stellen eine URL für Ihre Ressource bereit. Der Dienstname bestimmt die Unterdomäne, und der Rest der Domäne stammt von Azure.

Zum Beispiel:

  • Azure Functions: https://my-function-app.azurewebsites.net
  • Azure-Web-App: https://my-web-app.azurewebsites.net
  • Azure Storage Blob: https://mystorage.blob.core.windows.net/

Einige Dienste, etwa statische Web-Apps, stellen Ihnen eine relativ eindeutige Unterdomäne bereit, die Sie sofort in der Produktionsumgebung verwenden können:

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

Konfigurieren eines benutzerdefinierten Domänennamens

Jeder Dienst verfügt über einen eigenen Mechanismus zum Hinzufügen einer benutzerdefinierten Domäne.

Konfigurieren der Portweiterleitung

Sie müssen die Portnummer der App zuordnen, falls es sich dabei nicht um den Standardport handelt. Dadurch kann der App-Dienst Anforderungen an den richtigen Port weiterleiten.

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

Konfigurieren des Browsers für CORS zum Herstellen einer Serververbindung

Wenn Sie eine Verbindung mit Ihrem eigenen Server herstellen und die CORS-Sicherheit beim lokalen Ausführen und Debuggen mit dem Client ignorieren müssen, empfiehlt es sich, diese Einstellung in der Visual Studio Code-Debugdatei launch.json zu konfigurieren, um Einstellungen an den Browser zu übergeben und die Sicherheit zu deaktivieren.

Da diese Datei ausschließlich zum Starten einer Debugsitzung verwendet wird, kann sie gefahrlos in Ihre Quellcodeverwaltung eingecheckt werden.

Konfigurieren des Microsoft Edge-Browsers zum Deaktivieren von CORS für das Debuggen

Mit der folgenden Datei vom Typ launch.json wird die Einstellung für den Microsoft Edge-Browser konfiguriert, um die CORS-Sicherheit für die Debugsitzung zu deaktivieren: --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"
            ],
        },
    ]
}

Konfigurieren des Chrome-Browsers zum Deaktivieren von CORS für das Debuggen

Mit der folgenden Datei vom Typ launch.json wird die Einstellung für den Chrome-Browser konfiguriert, um die CORS-Sicherheit für die Debugsitzung zu deaktivieren: --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"
            ],
        }
    ]
}

Konfigurieren von Zertifikaten

Sollte Ihre App umgehend Zertifikate erfordern, haben Sie verschiedene Möglichkeiten, Zertifikate bereitzustellen:

  • Hochladen eines eigenen Zertifikats
  • Verwalten von Zertifikaten im App-Dienst
  • Importieren des Zertifikats aus Azure Key Vault
  • Bereitstellen des Zertifikats im Code

Konfigurieren von Geheimnissen

Geheimnisse werden in der Regel mit den folgenden Methoden bereitgestellt:

  • Azure Key Vault: Erstellen Sie eine Ressource für diesen Dienst, der App-Geheimnisse bereitstellt.
  • App-Einstellungen: Wenn Sie eine einfachere Lösung suchen, können Sie Geheimnisse als App-Einstellungen bereitstellen und darauf mithilfe der typischen Umgebungsvariablenprocess.env.VARNAME verweisen.

Speichern von Einstellungen, Einstellungen und Featurekennzeichnungen

Verwenden Sie Azure-App Konfiguration, um Einstellungen und Featurekennzeichnungen zu speichern. Sie können Ihre Schlüsseltresorschlüssel mit Ihrer App-Konfigurationsressource verknüpfen und dann geheime Schlüssel abrufen.

Die App-Konfiguration verfügt über mehrere Features, die über das typische Namens-Wert-Paar von Einstellungen und Featurekennzeichnungen hinausgehen:

Konfigurieren der Protokollierung

Die Protokollierung umfasst Folgendes:

  • Plattformprotokollierung: Was geschieht außerhalb der App?
  • App-Protokollierung: Was geschieht innerhalb der App?

Plattformprotokolle werden Ihnen zu folgenden Zwecken bereitgestellt:

  • Nachvollziehen der Umgebungsintegrität
  • Skalieren auf einen anderen Tarif oder regionsübergreifendes Skalieren

Anwendungsprotokolle können für Sie bereitgestellt werden, wenn Sie die Standardprotokollierungsfunktionen verwenden.

Konfigurieren der Datenbank und des Speichers

Normalerweise beginnt eine Verbindung mit einer Datenbank oder einem Datenspeicher mit einer Verbindungszeichenfolge.

Überlegungen zu Datenverbindungen:

  • Verwenden der aktuellen Verbindung
  • Neuer Datenspeicher: Ist für Ihre App ein neuer Speichermechanismus erforderlich, bietet Azure zahlreiche verschiedene Datenbankoptionen. Die Verbindung muss sicher gespeichert werden.

Fehlt etwas?

Wenn in dieser Liste etwas fehlt, füllen Sie das Feedback aus, um uns darüber zu informieren.

Nächste Schritte