Übersicht über die Chat-App

  • 6 Minuten

Diagram showing how Azure Web PubSub works with Azure Static Web Apps.

In diesem Modul stellt GitHub die Quellcodeverwaltung für eine Static Web Apps-Anwendung bereit (als Alternative kann Azure Repos verwendet werden). Azure überwacht den von Ihnen ausgewählten Repositorybranch, und jedes Mal, wenn es eine Codeänderung für das Quellrepository gibt, wird ein neuer Build Ihrer Web-App automatisch von GitHub Actions ausgelöst und in Azure bereitgestellt. Static Web Apps erkennt den neuen Build und stellt ihn Endbenutzer*innen vor.

Die mit diesem Modul bereitgestellte Beispiel-Chatroomanwendung verfügt über den folgenden Workflow.

  1. Wenn sich Benutzer*innen bei der App anmeldet, wird die Azure Functions-API login ausgelöst, um eine Client-URL für die Verbindung des Web PubSub-Diensts zu generieren.
  2. Wenn der Client die Verbindungsanforderung an Web PubSub initialisiert, sendet der Dienst ein Systemereignis connect, das die Functions-API connect auslöst, um Benutzer*innen zu authentifizieren.
  3. Wenn ein Client eine Nachricht an den Azure Web PubSub-Dienst sendet, reagiert der Dienst mit einem Benutzerereignis message, und die Functions-API message wird ausgelöst, um die Nachricht an alle verbundenen Clients zu übertragen.
  4. Die Functions-API validate wird regelmäßig für den CloudEvents-Schutz gegen Missbrauch ausgelöst, wenn die Ereignisse in Azure Web PubSub mit vordefiniertem Parameter {event} konfiguriert werden, das heißt https://$STATIC_WEB_APP/api/{event}.

Hinweis

Die Functions-APIs connect und message werden ausgelöst, wenn der Azure Web PubSub-Dienst mit diesen beiden Ereignissen konfiguriert ist.