Teilen über

Alternative Ansätze beim Selbsthosten eines Entwicklerportals

GILT FÜR: Developer | Basic | Basic v2 | Standard | Standard v2 | Premium | Premium v2

Es gibt mehrere alternative Ansätze, die ggf. für Sie in Frage kommen, wenn Sie ein Entwicklerportal selbst hosten:

  • Verwenden von Produktionsbuilds des Designers und des Herausgebers.
  • Verwenden Sie eine Azure Function App, um Ihr Entwicklerportal zu veröffentlichen.
  • Stellen Sie die Dateien Ihres Entwicklerportals mit einem Netzwerk für die Inhaltsübermittlung vor, um die Ladezeiten der Seite zu reduzieren.

Dieser Artikel enthält Informationen zu jedem dieser Ansätze.

Falls noch nicht geschehen, richten Sie eine lokale Umgebung für die neueste Version des Entwicklerportals ein.

Erstellen für die Produktion

Wenn Sie die Entwicklungsumgebung des Entwicklerportals online für Zusammenarbeitszwecke hosten möchten, verwenden Sie Produktionsbuilds des Designers und des Herausgebers. Produktions-Versionen fassen die Dateien zusammen und schließen Source-Maps aus.

Führen Sie den folgenden Befehl aus, um ein Paket im Verzeichnis ./dist/designer zu erstellen:

npm run build-designer

Das Ergebnis ist eine Single-Page-Webanwendung, die weiterhin für einen statischen Webhost wie etwa die statische Azure Blob Storage-Website bereitgestellt werden kann.

Platzieren Sie analog dazu einen kompilierten und optimierten Herausgeber im Ordner ./dist/publisher:

npm run build-publisher

Verwenden der Funktions-App zum Veröffentlichen des Entwicklerportals

Führen Sie den Veröffentlichungsschritt in der Cloud als Alternative zum lokalen Ausführen aus.

Wenn Sie die Veröffentlichung mit einer Azure-Funktions-App implementieren möchten, ist Folgendes erforderlich:

  • Erstellen einer Azure-Funktion. Bei der Funktion muss es sich um eine JavaScript-Sprachfunktion handeln.
  • Installieren Sie Azure Functions Core Tools: 
    npm install -g azure-function-core-tools

Schritt 1: Konfigurieren des Ausgabespeichers

Direktes Hochladen der Inhalte auf die Hostingwebsite anstelle eines lokalen Ordners. Dieser Speicherort ist der $web Container des Ausgabespeichers. Konfigurieren Sie diese Änderung in der Datei ./src/config.publish.json:

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

Schritt 2: Erstellen und Bereitstellen der Funktions-App

Es gibt eine Beispiel-HTTP-Triggerfunktion im ./examples Ordner. Führen Sie den folgenden Befehl aus, um sie zu erstellen und in ./dist/function zu platzieren:

npm run build-function

Melden Sie sich dann bei der Azure CLI an, und stellen Sie die Funktion bereit:

az login
cd ./dist/function
func azure functionapp publish <function app name>

Nachdem Sie sie bereitgestellt haben, können Sie sie mit einem HTTP-Aufruf aufrufen:

curl -X POST https://<function app name>.azurewebsites.net/api/publish

Hosting- und Inhaltsübermittlungsnetzwerk

In einem selbstgehosteten Entwicklerportal empfehlen wir, ein Azure-Speicherkonto zu verwenden, um Ihre Website zu hosten. Die Dateien können jedoch über eine beliebige Lösung veröffentlicht werden. Dies schließt Dienste von Hostinganbietern mit ein.

Die Dateien können auch mit einem Content Delivery Network bereitgestellt werden, um die Seitenladezeiten zu verringern. Wir empfehlen die Verwendung des Azure Content Delivery Network.

Verwandte Inhalte

Weitere Informationen zum Entwicklerportal:

  • Last updated on