Utiliser un compte de stockage pour héberger un site web statique

  • 1 minute

Déployez sur le site web statique.

Maintenant que nous avons testé l’application sur votre ordinateur local et déployé l’API, il est temps de déployer le client.

Architecture de SignalR du client

Lorsque la page web se charge, l’application cliente :

  • Obtient la liste actuelle des stocks à partir du point de terminaison HTTP /api/getStocks.
  • Se connecte au point de terminaison SignalR. La connexion est établie au point de terminaison HTTP /api/negotiate.
  • Écoute les modifications du stock de la connexion /api à partir du point de terminaison SignalR. Lorsque l’événement est reçu, le client met à jour le cours des actions dans l’interface utilisateur. Ces mises à jour ne sont pas affichées sous l’onglet réseau du navigateur, car la connexion est persistante. .

Déployer le client sur Azure Static Web Apps

Pour héberger le client, nous allons utiliser Azure Static Web Apps. Azure Static Web Apps est un service qui génère et déploie automatiquement des applications web sur Azure à partir d’un dépôt de code.

Le client doit être créé avec l’URL de l’API cloud. Le processus de génération du client, à l’aide de WebPack, remplace l’URL de l’API par l’URL de l’API cloud. L’URL est extraite du fichier .env localement. Pour obtenir cette valeur dans l’action GitHub, nous devons la définir en tant que secret dans le dépôt GitHub.