Editar

Colaboración en tiempo real con Azure y Microsoft 365

Microsoft Entra ID
Microsoft Graph
Azure App Service
Microsoft 365

Ideas de solución

Este artículo es una idea de solución. Si te gustaría que ampliemos este artículo con más información, como posibles casos de uso, servicios alternativos, consideraciones de implementación o una guía de precios, comunícalo a través de los Comentarios de GitHub.

Esta solución muestra cómo puede usar las bibliotecas y los servicios de Azure para cumplir los requisitos de colaboración personalizados. Además de la colaboración en tiempo real, esta solución admite el estado de presencia del usuario. Los usuarios pueden trabajar juntos en la aplicación personalizada para recopilar ideas, ver cuándo se agregan, modifican o eliminan nuevas ideas en tiempo real, y evitar conflictos de datos durante las sesiones de colaboración.

Architecture

Diagram that shows an architecture for real-time collaboration.

Descargue un archivo de PowerPoint de esta arquitectura.

Flujo de datos

  • Una aplicación usa el componente de inicio de sesión del Kit de herramientas de Microsoft Graph para permitir que un usuario inicie sesión. El componente de inicio de sesión usa el proveedor de MSAL para validar las credenciales del usuario en Microsoft Entra ID.
  • Una vez que el usuario inicia sesión, la aplicación web cliente usa Fluid Framework para conectarse a Fluid Relay y crea una sesión de colaboración.
  • Más usuarios inician sesión y participan en la sesión de colaboración. Fluid Framework combina los datos enviados y recibidos en cada cliente para asegurarse de que estén sincronizados para todos los usuarios. Se usan el algoritmo de difusión de orden total y la coherencia final para garantizar esta sincronización.
  • A medida que los usuarios continúan colaborando, Fluid Relay almacena automáticamente los datos de colaboración.
  • A medida que los nuevos usuarios se unen a la sesión de colaboración, el cliente de cada usuario recupera los datos almacenados previamente y garantiza que el usuario esté sincronizado con los otros usuarios de la sesión.

Componentes

  • Fluid Framework es una colección de bibliotecas cliente para distribuir y sincronizar el estado compartido. Estas bibliotecas permiten que varios clientes creen estructuras de datos compartidas y operen en ellas de manera simultánea mediante patrones de codificación similares a los que se usan para trabajar con datos locales.
  • Fluid Relay es un servicio administrado de Fluid Framework. Ayuda a los desarrolladores a crear experiencias de colaboración en tiempo real y replicar el estado en los clientes de JavaScript conectados en tiempo real.
  • Microsoft Entra ID es el servicio de administración de identidad y acceso basado en la nube de Microsoft que ayuda a los empleados a iniciar sesión y acceder a los recursos.
  • El Kit de herramientas de Microsoft Graph es una colección de componentes reutilizables, independientes del marco y los proveedores de autenticación para acceder y trabajar con Microsoft Graph.
  • Azure Static Web Apps es un servicio que compila e implementa automáticamente aplicaciones web de pila completa en Azure desde un repositorio de código.

Detalles del escenario

La colaboración es fundamental para la eficiencia empresarial y la productividad. Las herramientas como Microsoft Teams proporcionan una excelente manera de colaborar mediante chat, audio y vídeo. Word, Excel y PowerPoint en línea facilitan la colaboración en varios tipos de documentos y hojas de cálculo con compañeros y clientes de todo el mundo.

Puede usar los servicios de Azure para agregar funcionalidad de colaboración en tiempo real a las aplicaciones personalizadas igual que con las soluciones estándar. Esta solución muestra cómo puede usar las bibliotecas y los servicios de Azure para cumplir los requisitos de colaboración personalizados. Además de la colaboración en tiempo real, esta solución admite el estado de presencia del usuario. Los usuarios pueden trabajar juntos en la aplicación personalizada para recopilar ideas, ver cuándo se agregan, modifican o eliminan nuevas ideas en tiempo real, y evitar conflictos de datos durante las sesiones de colaboración.

Para cumplir estos requisitos, la solución usa Fluid Framework y Azure Fluid Relay. Se autentica a los usuarios en Microsoft Entra ID mediante el componente de inicio de sesión del Kit de herramientas de Microsoft Graph y el proveedor de la Biblioteca de autenticación de Microsoft (MSAL).

Posibles casos de uso

Esta solución se aplica a las empresas que crean soluciones de aplicaciones personalizadas que requieren:

  • Proteger el acceso a la aplicación.
  • Colaboración de datos en tiempo real entre varios usuarios.
  • Funcionalidades integradas de almacenamiento de datos de colaboración.

Implementación de este escenario

Obtenga un ejemplo de código que muestra este escenario.

Colaboradores

Microsoft mantiene este artículo. Originalmente lo escribieron los siguientes colaboradores.

Autor principal:

Pasos siguientes

Para más información sobre las tecnologías utilizadas en esta solución, consulte estos artículos: