https://www.youtube.com/watch?v=lTfrtBYkuvE
Vidéo précédente: 🇫🇷 Test (6/8)
Vidéo suivante: 🇫🇷 Avatar (8/8)
Attaquons à présent les fonctionnalités nécessaires associées à un profil.
Cette nouvelle vidéo vous montrera comment déconnecter un compte et modifier un profil. Ces notions vous seront indispensables pour gérer vos comptes utilisateurs.
On espère que le tutoriel vous plaira!
Se déconnecter d’un compte (0:00-2:56) Compléter son profil (2:56-5:39) Modifier son profil (5:39-11:03)
Salut à tous. Dans cette vidéo sur Supabase et la création de compte avec Voltapp, Je vais vous montrer comment modifier son profil et se déconnecter. Dans la précédente vidéo, je vous avais montré qu’il fallait modifier le graphe de la page Home en ajoutant la condition vérifiant l’authentification de l’utilisateur. Je vais faire la même chose dans le graphe du profil. Il faut faire de même pour toutes les pages de l’application nécessitant la connexion de l’utilisateur. To put it in a nutshell : quand la page apparaît, si l’utilisateur est authentifié, rien ne change, sinon il est redirigé vers la page login. Vous pouvez constater la présence d’un bouton log out. Je vais modifier son graphe. J’ajoute un bloc clique que je connecte à une action déclarée par Supabase auth : « se déconnecter ». Puis je la lie à une condition. En cas d’erreur, le graphe doit set la variable errorProfileMessage. Je vais connecter ce bloc à la branche erreur du bloc « se déconnecter ». En cas de succès, l’utilisateur est redirigé vers la page login. Il faut bien utiliser le mode replace car je n’ai pas besoin de l’historique de navigation. Je vais le tester rapidement. Me voilà sur Home. J’appuie sur le bouton logout. Me voilà déconnecté. Je me connecte de nouveau et je retourne bien sur profil.