Qu’est-ce que le Fluid Framework ?

Le Fluid Framework est un ensemble de bibliothèques clientes conçues pour les applications Web collaboratives en temps réel. Il simplifie la distribution et la synchronisation de l’état partagé, permettant à plusieurs clients de travailler sur des structures de données partagées de la même manière que la manipulation de données locales.

Pourquoi Fluid ?

Fluid se distingue par son :

• Modèle centré sur le client : Offre une persistance des données sans code serveur personnalisé.
• Structures de données distribuées : Modèles de programmation familiers pour les développeurs.
• Latence ultra-faible : Améliore les expériences de collaboration en temps réel.

Historiquement, les applications collaboratives nécessitaient une logique côté serveur complexe. Le Fluid Framework de Microsoft change cela, permettant aux développeurs de se concentrer sur les expériences côté client, le serveur se chargeant de la synchronisation des données.

Axé sur le développeur client

La force de Fluid réside dans sa capacité à permettre des scénarios de synchronisation de données sophistiqués (comme la saisie en temps réel dans les éditeurs de texte) sans aucun code personnalisé côté serveur. Il prend en charge divers cadres d’application, ce qui rend l’intégration transparente, que vous utilisiez du JavaScript simple, React, Angular ou Vue.

Comment fonctionne Fluid

L’architecture de Fluid minimise la logique du serveur, en se concentrant plutôt sur la gestion de l’état côté client. Cette stratégie permet une synchronisation quasi instantanée entre les clients avec des coûts de serveur minimes. Le rôle du serveur est principalement de séquencer et de distribuer les opérations de données aux clients, qui reconstruisent ensuite indépendamment l’état actuel.

Flux de travail typique dans Fluid :

1. Le client modifie les données localement.
2. Le runtime Fluid envoie la modification au service.
3. Le service la séquence et la diffuse à tous les clients.
4. Le runtime Fluid met à jour les données locales et déclenche un événement « valueChanged ».
5. Le code client réagit à cet événement.

Architecture du Fluid Framework

Le framework comprend trois composants principaux :

1. Chargeur Fluid : Se connecte à un conteneur Fluid et le charge.
2. Conteneurs Fluid : Contiennent la logique et l’état de l’application.
3. Service Fluid : Séquence et diffuse les opérations.

Conteneur Fluid

Un conteneur Fluid s’apparente à une application sans serveur avec des données persistantes. Il utilise des objets partagés et des structures de données distribuées (DDS) pour gérer l’état.

Service Fluid

Ce service agit comme un système de diffusion à ordre total, séquençant les opérations des clients et les redistribuant. Il est conçu pour la simplicité et l’efficacité.

Foire aux questions

Qu’est-ce qu’un DDS dans le Fluid Framework ?

DDS signifie structure de données distribuée, formant le cœur du Fluid Framework. Elles se synchronisent entre les clients tout en étant utilisées comme des structures de données locales.

Où sont stockées les données dans le Fluid Framework ?

Les données sont stockées de deux manières :

• Stockage de session : Géré par le service Fluid, enregistrant toutes les opérations.
• Stockage persistant : Stockage externe comme des bases de données ou des services cloud.

Comment Fluid synchronise-t-il les données ?

Fluid utilise une combinaison du protocole WebSocket et du service Fluid pour garantir que tous les clients restent synchronisés.

Quelle est la différence entre Fluid Framework et SignalR ?

Alors que SignalR se concentre sur la communication serveur-client en temps réel, Fluid Framework met l’accent sur la distribution de l’état entre les clients, offrant une solution plus globale pour les environnements collaboratifs.

Fluid peut-il fonctionner hors ligne ?

Fluid nécessite une connexion Internet pour synchroniser les données entre les clients, bien qu’il puisse gérer de brèves pannes. Un service Fluid basé sur intranet est théoriquement possible mais n’est actuellement pas pris en charge par Microsoft.

Le Fluid Framework est-il compatible avec divers frameworks UX ?

Absolument. Fluid est compatible avec n’importe quel framework UX basé sur le Web, y compris React, Angular et Vue.

Conclusion

Le Fluid Framework est un outil puissant pour développer des applications Web collaboratives en temps réel. En gérant les complexités de la synchronisation des données, il permet aux développeurs de se concentrer sur la création d’expériences côté client attrayantes. Alors que le développement Web continue d’évoluer, des outils comme le Fluid Framework sont essentiels pour créer la prochaine génération d’applications interactives et centrées sur l’utilisateur.

Liens

• https://fluidframework.com/
• https://github.com/microsoft/FluidFramework