Cours 22 - Authentification et autorisation

Objectifs

• Être capable d'utiliser de l’authentification dans Vue.js
• Comprendre le concept de jeton et d'authentification JWT

Déroulement

• Introduction au cours
• Atelier 22 - Authentification
• Conclusion

Atelier 22 - Authentification

Modalités

• Atelier individuel (obligatoire)
• Réaliser durant le cours
• Durée approximative le reste du cours
• Remettre le tout sur Léa dans Atelier 22 pour le prochain cours
• Ne pas oublier de remplir le questionnaire MS Forms

Consignes

• Télécharger les fichiers suivants:
  • exemple-auth.zip

Lectures

• Validation avec VeeValidate
• Vue.js : Authentification
• Vue.js : Persistance des données
• Vue.js : Sécurité
• Les tests : Mocker Local Storage
• Voir le fichier README.md du projet exemple-auth.

À faire

Écrire la description des tests

• Ouvrir les codes de tests par *`.test.ts`**.
• Écrire seulement la description des tests nécessaires pour tester le code de exemple-auth. Il est autorisé de regrouper les tests autrement. Voir la liste des fichiers de tests et l'ordre suggéré:
  • authService.test.ts et userService.test.ts
  • authStore.test.ts et profileStore.test.ts
  • LoginView.test.ts et ProfileView.test.ts
  • NavigationBar.test.ts

Exemple :
it('description du test', async () => {})

• Seulement la description
• Ne pas écrire le code de tests, écrire seulement la description.

Remise
Remettre le tout sur Léa dans Atelier 22 pour le prochain cours

Répondre au questionnaire

À partir du code de exemple-auth répondre aux questions de ce formulaire.

Solution