Hosten eines Speicherkontos zum Hosten einer statischen Website

  • 1 Minute

Bereitstellen für statische Websites

Nachdem wir die Anwendung auf Ihrem lokalen Computer getestet und die API bereitgestellt haben, ist es an der Zeit, den Client bereitzustellen.

Client SignalR-Architektur

Wenn die Webseite geladen wird, macht die Clientanwendung folgendes:

  • Ruft die aktuelle Liste des Bestands vom /api/getStocks HTTP-Endpunkt ab.
  • Stellt eine Verbindung mit dem SignalR-Endpunkt her. Die Verbindung wird mit dem /api/negotiate HTTP-Endpunkt hergestellt.
  • Lauscht auf die Bestandsänderungen von der /api Verbindung vom SignalR-Endpunkt. Wenn das Ereignis empfangen wird, aktualisiert der Client den Bestandskurs auf der Benutzeroberfläche. Diese Updates werden auf der Netzwerkregisterkarte des Browsers nicht angezeigt, da die Verbindung dauerhaft ist. .

Bereitstellen des Clients in Azure Static Web Apps

Um den Client zu hosten, verwenden wir Azure Static Web Apps. Azure Static Web Apps ist ein Dienst, der auf der Grundlage eines Coderepositorys automatisch Web-Apps erstellt und in Azure bereitstellt.

Der Client muss mit der Cloud-API-URL erstellt werden. Der Clientbuildprozess mit WebPack ersetzt die API-URL durch die Cloud-API-URL. Die URL wird lokal aus der .env-Datei abgerufen. Um diesen Wert in der GitHub-Aktion zu erhalten, müssen wir ihn im GitHub-Repository als Geheimnis festlegen.