Aller au contenu principal

Polling vs SignalR

Objectifs​

Faire deux implémentations d’une application pour gérer des tâches:

  • La première avec un Controller d’API et du polling
  • La seconde avec SignalR

Les deux versions vont utiliser 2 components différents en React et les deux implémentations vont exister en même temps sur le même serveur.

Projet GitHub avec Client et Serveur

danger

Faites un Fork du projet pour pouvoir faire votre propre copie. (comme dans l'exercice sur les relations)

La version polling​

Complétez la partie React du Polling​

  • Il existe déjà un contrôleur d'API pour les tâches qui est fonctionnel UselessTasksController.cs
  • Il faut faire les appels et mettres les données à jour du côté du client
    • Regardez les TODOs dans le fichier polling/page.tsx
  • Une fois que c'est possible d'ajouter les tâches et de les compléter, essayez d'ouvrir un autre navigateur et vérifier que les tâches ne sont PAS synchronisé entre les deux!
  • Ajoutez ensuite du polling pour mettre à jour les tâches chaque seconde

La version SignalR​

Configuration​

Créer un Hub qui permet de supporter les actions suivantes :​

Connexion​

  • Déclencher la fonction TaskList sur le client qui a fait l’appel

Ajouter une tâche​

  • Ajouter une nouvelle tâche dans la BD, puis déclencher la fonction TaskList sur tous les clients

Compléter une tâche​

  • Marquer une tâche comme complétée dans BD, puis déclencher la fonction TaskList sur tous les clients

Déconnexion​

  • Décrémenter le nombre d'utilisateurs actifs
  • Déclencher la fonction UserCount sur les clients

React​

  • Ajouter la possibilité d'ajouter et de compléter des tâches, mais avec SignalR
    • Voir les TODOs dans le code React

Ajout du nombre d'utilisateurs​

Maintenant que les deux versions sont fonctionnels, on va ajouter une fonctionnalité à la version SignalR.

  • Chaque fois qu'un client se connecte au Hub incrémenter le nombre de connexions (Une simpleme variable int à ajouter)
  • Déclencher également une méthode sur les clients pour mettre à jour le nombre de connexions (Il faut ajouter la méthode)
  • Faire ensuite la même chose avec la déconnexion pour réduire le compte
  • Sur le client, il faut ajouter un affichage pour le nombre d'utilisateurs et la méthode pour mettre à jour le nombre de connexions.

Réflexion​

Est-ce que ça serait possible d'ajouter l'affichage du nombre d'utilisateurs avec la solution de polling?

info

C'est possible d'afficher le nombre d'utilisateurs connectés avec polling, mais ce n'est vraiment pas aussi simple. C'est surtout le fait de décrementer le nombre d'utilisateurs qui est complexe, car il n'y a pas de connexion/déconnexion.

attention

Ce n'est pas nécessaire de l'implémenter, mais si vous voulez l'essayer, n'hésitez pas à demander de l'aide à votre enseignant.

Solution​

La solution est dans la branche solution2 du repo