CATALOGUE Code & Data Formation No Code Maîtriser FlutterFlow - De l'Idée à l'Application Connexion et Inscription avec FlutterFlow

Connexion et Inscription avec FlutterFlow

Présentation de la page auth1
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser FlutterFlow - De l'Idée à l'Application
Revoir le teaser Je m'abonne
4,3
Transcription
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Configuration et Intégration Front-End

Objectifs

Les objectifs de cette vidéo sont de montrer comment configurer les fonctionnalités de connexion et d'inscription, de relier une interface front-end à un back-end, et d'explorer l'utilisation des widgets FlutterFlow pour une gestion efficace de l'authentification.

Résumé

Découvrez comment configurer les fonctionnalités de connexion et d'inscription pour votre application FlutterFlow en reliant votre interface à votre back-end.

Description

Maintenant que nous avons configuré notre back-end avec l'authentification et la base de données, nous allons connecter notre interface à ce back-end pour faire interagir les deux. Dans un premier temps, nous allons configurer les fonctionnalités d'inscription et de connexion, permettant à un utilisateur de s'inscrire ou de se connecter via un formulaire, et de récupérer son mot de passe s'il l'a oublié.

Pendant la phase de création du back-end, nous avons utilisé un template FlutterFlow qui inclut une page pour les utilisateurs non connectés et une autre page pour les utilisateurs connectés. Pour gagner du temps, nous avons employé un template FlutterFlow prêt à l'emploi. Ce template se décompose comme suit: un widget scaffold compose toute notre page, contenant lui-même une row avec plusieurs conteneurs et colonnes. L'un des conteneurs inclut un widget tab bar permettant d'avoir deux sous-pages (inscription et connexion) sur une même page grâce à un système d'onglets. Bien que l'authentification aurait pu être réalisée avec des pages distinctes de connexion et d'inscription, le choix du widget tab bar nous permet de tout gérer sur une même page, offrant ainsi une expérience utilisateur fluide.

Voir plus

Questions fréquentes

Pourquoi est-il avantageux d'utiliser le widget TabBar pour les fonctionnalités de connexion et d'inscription?
Le widget TabBar permet de combiner les fonctionnalités de connexion et d'inscription sur une même page, offrant ainsi une expérience utilisateur plus fluide et simplifiée.
Quels sont les principaux composants d'une page FlutterFlow pour la gestion de l'authentification?
La page est principalement composée d'un widget scaffold, d'une row, de conteneurs, et du widget TabBar pour gérer la navigation entre les formulaires de connexion et d'inscription.
Comment gérer la récupération de mot de passe dans une application FlutterFlow?
Il est possible de gérer la récupération de mot de passe en ajoutant un formulaire dédié dans la fonctionnalité d'authentification, permettant à l'utilisateur de demander un lien de réinitialisation envoyé par email.

Programme détaillé

3 commentaires
4,3
3 votes
5
4
3
2
1
hmrabat
Il y a 4 mois
Merci beaucoup.
boudalialouane
Il y a 8 mois
Dommage que la souris parte dans tous les sens et que celle-ci ne soit pas plus visible
manuel.crocis
Il y a 9 mois
Bonjour, merci pour vos tutos qui sont très clairs. Je suis débutant en no code, j'ai suivi pas à pas cette vidéo (et d'autres) cela m'a bien aidé. Seulement je ne parviens pas à ajouter un nouvel utilisateur ni à me connecter quand j'en créé un à la main. Je lis dans la partie authentification de la console firebase le message: "la connection par redirection inter-origine sur google chrome M115 et versions ultérieures n'est plus pris en charge..." Je me demande si je n'ai pas un problème à ce niveau. Il semble y avoir eu un changement depuis le 24 juin 2024... J'ai lu les explications de la page d'après, je ne comprends pas le processus à mettre en place. J'ai cherché sur les discussions en ligne, je ne suis visiblement pas le seul. Pourriez vous faire un bref tutoriel pour nous guider? C'est dommage d'âtre bloqué par ça. Merci de votre aide. Et encore bravo pour vos tutos, d'une clarté limpide!