Usar una cuenta de Storage para hospedar un sitio web estático
Ahora que hemos probado la aplicación en el equipo local e implementado la API, es el momento de implementar el cliente.
Arquitectura de SignalR de cliente
Cuando se carga la página web, la aplicación cliente:
- Obtiene la lista actual de acciones del punto de conexión HTTP de
/api/getStocks. - Se conecta al punto de conexión de SignalR. La conexión se realiza al punto de conexión HTTP de
/api/negotiate. - Escucha los cambios en las acciones de la conexión
/apidesde el punto de conexión de SignalR. Cuando se recibe el evento, el cliente actualiza el precio de las acciones en la interfaz de usuario. Estas actualizaciones no se ven en la pestaña de red del explorador porque la conexión es persistente. .
Implementación del cliente en Azure Static Web Apps
Para hospedar el cliente, usaremos Azure Static Web Apps. Azure Static Web Apps es un servicio que compila e implementa automáticamente aplicaciones web en Azure desde un repositorio de código.
El cliente debe crearse con la dirección URL de la API en la nube. El proceso de compilación del cliente mediante WebPack reemplazará la dirección URL de la API por la dirección URL de la API en la nube. La dirección URL se captura del archivo .env localmente. Para obtener este valor en la acción de GitHub, es necesario establecerlo como secreto en el repositorio de GitHub.