# Implementieren Ihres Portals mit Azure Static Web Apps

Implementieren Sie Ihr Portal, indem Sie Ihr GitHub-Repository mit Azure Static Web Apps verbinden. Weitere Informationen finden Sie in der [Dokumentation zu Azure Static Web Apps](https://learn.microsoft.com/de-de/azure/static-web-apps/).

## Vorbereitungen

* Sie haben die entsprechenden Rechte in Microsoft Azure.
* Sie haben Ihr API Portal-Repository generiert.

## Prozedur

1. Melden Sie sich bei Ihrem Azure-Konto an und öffnen Sie den Dienst Static Web Apps.
2. Klicken Sie auf Add (Hinzufügen), um eine neue statische Web-App zu erstellen.
3. Wählen Sie im Abschnitt Project details (Projektdetails) Ihr Abonnement und Ihre Ressourcengruppe aus.
4. Geben Sie in Static Web App details (Details zur statischen Web-App) einen Namen für Ihre Web-App ein und wählen Sie eine Region aus.
5. Klicken Sie auf Sign in with GitHub (Mit GitHub anmelden), um Ihr GitHub-Konto mit Ihrer Web-App zu verbinden, und klicken Sie auf Authorize Azure-App-Service-Static-Web-Apps (Azure-App-Service-Static-Web-Apps autorisieren).
6. Nachdem Ihr Konto verknüpft ist, wählen Sie die Organisation, das Repository und den Branch zum Erstellen Ihres Portals aus.

   ![In diesem Beispiel ist die Organisation jsmith, das Repository api-portal und der Branch main.](https://help.qlik.com/talend/de-DE/api-portal-deployment-guide/Resources/images/deploy_to_azure_01_github_settings.png)
7. Wählen Sie in der Dropdown-Liste Build Presets (Build-Voreinstellungen) die Option Hugo aus und geben Sie die erforderlichen Standortdetails ein.

   Mit diesem Parameter können Azure Static Web Apps automatisch die Build-Konfiguration verwenden, die im GitHub-Repository bereitgestellt wird. ![Seite Build Details (Build-Details).](https://help.qlik.com/talend/de-DE/api-portal-deployment-guide/Resources/images/deploy_to_azure_02_build_details.png)
8. Klicken Sie auf Review + create (Prüfen + erstellen).
9. Vergewissern Sie sich, dass Ihre Konfiguration korrekt ist, und klicken Sie dann auf Create (Erstellen).

## Ergebnisse

Ihr Portal wird implementiert und eine GitHub-Aktion wird automatisch in Ihrem Repository gestartet. ![Die GitHub-Aktion wird auf der Registerkarte Actions (Aktionen) angezeigt.](https://help.qlik.com/talend/de-DE/api-portal-deployment-guide/Resources/images/deploy_to_azure_03_github_action.png)

Nachdem sie abgeschlossen ist, können Sie auf die in Azure Static Web Apps bereitgestellte URL klicken, um Ihr Portal zu öffnen. ![Die URL ist auf der Seite Overview (Übersicht) verfügbar.](https://help.qlik.com/talend/de-DE/api-portal-deployment-guide/Resources/images/deploy_to_azure_04_url.png)