La gestion des utilisateurs avec Django

00:00:00 :Dans cette partie, on va voir comment créer un formulaire assez basique qui va nous permettre de créer un nouvel utilisateur.On va voir comment créer ce formulaire à l'intérieur du fichier HTML ici.
00:00:11 :J'ai déjà écrit pas mal de codes pour que ça aille un peu plus vite puisqu'il va y avoir pas mal de choses à l'intérieur de cette partie que l'on va voir ensemble.
00:00:19 :On va avoir un fichier HTML ici qui s'appelle signup.html que j'ai mis à l'intérieur du dossier templates ici dans mon application Accounts.Quelque chose à noter également, dans le fichier de settings,j'ai changé la langue, donc language code ici,et j'ai mis fr-fr. Par défaut, c'est en-us.
00:00:36 :Ça va me permettre d'avoir automatiquement la traduction des messages d'erreur et des messages du formulaire qui vont être affichés dans mon interface.Également pour ce projet, j'ai un modèle d'utilisateur personnalisé que j'ai renseigné ici dans la variable AuthUserModel qui est égale à cette classe CustomUser.
00:00:54 :Cette classe est tout simplement une classe qui hérite de AbstractUser à laquelle j'ai rajouté tout simplement un champ zip code qui me permet de rentrer le code postal d'un utilisateur.
00:01:03 :On ne va pas l'utiliser, mais c'est juste pour vous montrer ici qu'on utilise un modèle à partir de AbstractUser.AbstractUser, c'est un modèle qui va contenir un nom d'utilisateur et qui va faire toute la vérification au niveau des mots de passe et donc qui va nous permettre de créer un utilisateur
00:01:18 :avec un nom d'utilisateur puisque vous voyez ici que c'est le nom d'utilisateur qui va être utilisé lors de la création d'un utilisateur.Voilà mon modèle custom que l'on va utiliser et j'ai dans ma vue ici une vue SignUp qui redirige grâce à mon URL.
00:01:33 :Si je vais voir dans mon URL ici, j'ai une URL compte nouveau qui redirige vers SignUp.Dans SignUp, on va tout simplement créer un formulaire qui va nous permettre de créer un nouvel utilisateur.
00:01:44 :Je vais vous montrer deux façons de faire avec un formulaire directement créé à l'intérieur du fichier HTML comme ceci avec un formulaire que l'on va créer à partir d'un formulaire que Django nous fournit.
00:01:55 :Voilà pour le préambule.On va voir tout ça en détail.Pour l'instant, on ne va pas regarder tout ça en détail.On va juste regarder ce qu'on retourne ici.
00:02:03 :On retourne notre fichier SignUp.html et dans ce fichier SignUp.html, j'ai ici un formulaire avec un label pour le nom d'utilisateur donc username ici avec un input de type texte et ensuite on va avoir deux inputs pour les mots de passe.
00:02:17 :Un premier pour le mot de passe et un deuxième pour la confirmation du mot de passe.Là, vous voyez d'ailleurs que j'ai oublié de changer pour password2 donc on a un label pour le deuxième mot de passe et on a ici des champs de type password qui vont masquer automatiquement ce qui est rentré à l'intérieur de ces inputs.
00:02:32 :On a ensuite ici une vérification avec la balise qui nous permet de vérifier si on va avoir des erreurs ou non et si on a des erreurs, on va les afficher à la suite dans un petit tag ici avec une couleur rouge pour indiquer qu'il s'agit bien d'erreurs.
00:02:45 :Et pour finir, on a notre bouton qui va nous permettre de soumettre ce formulaire.Également, on n'oublie pas de mettre le CSRF token ici pour la sécurité.
00:02:53 :Donc là, on a fait un formulaire à la main,on n'a pas utilisé de formulaire de Django,il faut juste s'assurer ici qu'on va avoir donc tout ce qu'il faut pour créer notre utilisateur.
00:03:02 :Donc si je reviens dans mon modèle,on utilise AbstractUser ici et AbstractUser,il va avoir besoin d'un champ Username puisque vous voyez ici que c'est ce champ qui va être utilisé dans notre base de données, donc pour UsernameField donc on est obligé ici d'avoir un nom d'utilisateur puisque c'est ça qui va être utilisé
00:03:18 :lors de la création de notre utilisateur.Si on remonte un petit peu dans ce fichier,on va voir qu'on a ici nos deux fonctions donc la fonction CreateUser que l'on va utiliser pour créer un utilisateur et vous voyez ici qu'on doit absolument envoyer le nom d'utilisateur et également le mot de passe
00:03:32 :bien entendu, c'est normal pour un utilisateur.Donc à l'intérieur de ma vue, qu'est-ce que je fais ?Je vais vérifier si j'ai une requête de type Post et si c'est le cas, on va récupérer les informations à partir de Request.Post
00:03:43 :qui est un dictionnaire, on va donc récupérer le nom d'utilisateur, le mot de passe numéro 1 et le mot de passe numéro 2.Donc là c'est Password1 et Password2 et Username c'est ce qui correspond au nom de nos inputs ici donc on a le Name qui est égal à Username
00:03:57 :le Name qui est égal à Password1 et Password2 donc c'est exactement ça qu'on récupère à l'intérieur de mon fichier HTML ici.Et ici comme on va passer par CreateUser on va faire une vérification pour s'assurer que le mot de passe n'est pas différent.
00:04:09 :Donc on va vérifier si Password1 est différent de Password2 et si c'est le cas on va retourner une erreur, on va dire tout simplement donc les mots de passe ne correspondent pas.
00:04:17 :On retourne ici avec Render le TemplateSignup et on fait juste ajouter cette erreur dans le contexte donc avec ce dictionnaire ici qui correspond au contexte.
00:04:25 :Donc si jamais les mots de passe ne correspondent pas, on va afficher cette erreur ici grâce à la balise de la structure conditionnelle. Donc vous voyez ici qu'on fait
00:04:33 :tout à la main puisque dans CreateUser si je retourne à l'intérieur de cette fonction qu'est-ce qu'on fait dans cette fonction ?Eh bien on va tout simplement normaliser l'adresse email, normaliser le nom d'utilisateur et ensuite créer un nom d'utilisateur avec ce mot de passe.
00:04:47 :Donc on n'a pas de vérifications qui sont faites ici la seule vérification qui est faite c'est si on n'a pas de nom d'utilisateur qui est envoyé mais dans ce cas-ci on a bien un nom d'utilisateur qui va être envoyé puisqu'on l'a à l'intérieur de notre formulaire ici. On pourrait également
00:04:59 :rajouter donc Required à l'intérieur de Input pour spécifier au niveau du HTML que ce champ est absolument nécessaire pour valider le formulaire.Donc là vous voyez qu'on n'a pas de vérifications qui sont faites donc on va faire nos vérifications directement à l'intérieur de notre vue ici. Donc ce n'est pas forcément
00:05:15 :la meilleure façon de faire mais on a quelque chose de très basique, de très personnalisé qui est fait ici juste à partir d'un fichier HTML de différents inputs que l'on récupère à l'intérieur de notre vue et qui nous permettent ensuite directement à partir de ma classe CustomUser de créer un utilisateur.
00:05:31 :Donc là je vais passer le nom d'utilisateur et le mot de passe donc je récupère le password1 ici et je le passe à password dans cette fonction que j'appelle pour créer mon utilisateur. Et donc une fois que c'est fait
00:05:41 :on va rediriger tout simplement vers un HTTP response et on va mettre Bienvenue avec le nom d'utilisateur.Donc là la seule vérification qui est faite ici c'est si le mot de passe correspond au mot de passe numéro 2. Donc on va aller voir ce que ça donne
00:05:53 :dans ma vue, je vais actualiser là j'ai bien le champ pour le nom d'utilisateur donc on va mettre n'importe quoi ici.Le mot de passe on va mettre 123456 et pour la confirmation on va mettre 123454321. Donc on n'a pas les mêmes mots de passe
00:06:05 :là on ne voit pas les mots de passe puisqu'on a des champs de type password donc c'est normal qu'on ne les voit pas. On va cliquer
00:06:11 :sur s'inscrire et là vous voyez qu'on a bien notre message d'erreur qui s'affiche puisque les mots de passe ne correspondent pas. Je vais essayer maintenant
00:06:17 :avec un nom d'utilisateur encore une fois aléatoire mais cette fois-ci avec des mots de passe qui correspondent donc je vais mettre 123456 dans les deux inputs, je clique sur s'inscrire et là on est bien redirigé donc avec le HTTP response qui nous dit Bienvenue et le nom d'utilisateur.
00:06:31 :Donc ça fonctionne, on a récupéré les données de notre formulaire,on a juste effectué cette vérification ici qui fonctionnait également et si les mots de passe correspondent on crée l'utilisateur et on renvoie vers un HTTP response avec Bienvenue et le nom d'utilisateur.
00:06:45 :Donc vous voyez ici que c'est très simple mais on a très peu de vérifications qui sont faites ici. On préférait à la place avoir des vérifications pour s'assurer par exemple que le nom d'utilisateur est correct donc qu'il ne contient pas par exemple des symboles spécifiques. On aimerait bien
00:06:59 :également vérifier que les mots de passe contiennent suffisamment de caractères, qu'ils ne sont pas trop communs et qu'ils ne contiennent pas par exemple que des chiffres.
00:07:07 :Donc tout ça, ça va être possible grâce à un formulaire qu'on va pouvoir utiliser qui nous est fourni directement par Django. Donc ce formulaire il se trouve à l'intérieur de Django.
00:07:15 :contrib.auth.forms et on va utiliser donc ce UserCreationForm qui est un formulaire de Django qui va nous permettre de faire la même chose mais avec un peu plus de vérifications. Donc à l'intérieur
00:07:27 :de signup ici, plutôt que ce formulaire personnalisé, je vais envoyer mon formulaire UserCreationForm.Donc ici dans signup, je vais enlever tout ça et à la place je vais créer un formulaire donc à partir de UserCreationForm et on va retourner ce formulaire à l'intérieur de notre contexte. Donc dans contexte ici
00:07:45 :on va créer une clé form qui est égale à notre formulaire donc notre instance ici et à l'intérieur de notre fichier HTML ici on va enlever notre formulaire personnalisé et à la place on va mettre notre formulaire et on va le mettre asP pour qu'on ait en fait les différents
00:07:59 :éléments qui soient sur une ligne séparée à chaque fois donc avec des paragraphes.Donc là normalement on a tout qui est bon je vais revenir donc ici dans ma vue, on a juste le formulaire qui est créé et on l'envoie à notre vue donc normalement ça devrait afficher le formulaire ici. Donc je vais
00:08:13 :actualiser ma page et là j'ai bien le formulaire qui est affiché et vous voyez qu'on a écrit en français ici les différents messages qui vont nous permettre de savoir comment on peut créer un utilisateur qui va être valide et ces messages sont en français donc ça c'est vraiment parce que
00:08:27 :dans le fichier de settings ici j'ai changé le language code pour mettre fr-fr sinon ces messages seraient affichés par défaut en anglais. Donc là on a
00:08:35 :différents éléments qui sont affichés, on nous indique que le nom d'utilisateur est requis qu'on doit avoir 150 caractères maximum et qu'on ne peut avoir que des lettres des nombres et ces caractères ici dans le nom d'utilisateur. On a également différentes
00:08:47 :indications pour le mot de passe et donc vous allez voir ici si je fais un clic droit et que je vais dans page source qu'on a tout notre formulaire ici qui est créé automatiquement pour nous avec différentes vérifications qui vont être faites directement au niveau du html donc par exemple la longueur maximale du champ
00:09:01 :ici qui est à 150, on voit qu'il est également requis donc required ici donc ça veut dire que si on ne spécifie pas un nom d'utilisateur donc si je mets par exemple juste un mot de passe ici et que j'essaie de valider le formulaire ici, on nous indique que ce champ est nécessaire donc on est
00:09:15 :obligé de le remplir. Donc là pour l'instant on a rien qui se passe si je mets un nom d'utilisateur, que je clique sur m'inscrire, on va juste rafraîchir la page mais on n'a aucun utilisateur qui est créé donc pour ça il va falloir aller dans notre vue gérer la création de l'utilisateur
00:09:29 :quand on soumet le formulaire donc pour ça on va vérifier si la méthode est de type post donc on va mettre if request.method égale post et on va créer notre formulaire mais cette fois-ci en lui passant les données du formulaire donc on va donner les données de request.post
00:09:45 :donc si vous n'êtes pas à l'aise avec les formulaires donc la création et la validation de formulaire, je vous conseille d'aller voir les parties concernant les formulaires dans les formations Django. Donc là on crée
00:09:55 :notre formulaire, on lui passe request.post donc les données que l'on va récupérer de notre formulaire HTML, si notre formulaire est valide donc if form.isValid on va tout simplement sauvegarder le formulaire et donc ça va sauvegarder notre modèle d'utilisateur dans la base de données et on va ici retourner un HTTP response en disant
00:10:13 :bienvenue.Si ce n'est pas le cas et bien on va récupérer les erreurs. Donc les erreurs on va les ajouter au contexte donc le contexte pour l'instant il est ici donc je vais le déplacer un petit peu je vais à la place en fait créer ici un contexte vide donc un dictionnaire
00:10:27 :vide et on va ajouter à notre contexte donc si on passe ici dans le else ça veut dire que notre formulaire n'est pas valide et on va ajouter à notre contexte des erreurs. Donc je vais créer une clé errors
00:10:37 :ici qui va être égale aux erreurs de notre formulaire et ensuite ici on va ajouter à notre contexte le formulaire donc on va dire qu'on a une clé from qui va être égale à notre instance du formulaire que l'on a créé ici et donc ici plutôt que de retourner un dictionnaire je vais retourner
00:10:51 :directement ma variable contexte qui est égale au dictionnaire que l'on aura rempli au fur et à mesure de la vue.Donc si on a une requête de type post on va essayer de valider le formulaire si le formulaire est valide on le sauvegarde et on crée ainsi notre utilisateur dans la base de
00:11:05 :données et on redirige ici vers un HTTP response qui nous dit bienvenue.Si ce n'est pas le cas on ajoute les erreurs à notre contexte, on crée notre formulaire vide, on le passe à notre contexte et on affiche la vue signup. Donc la vue signup
00:11:17 :qui dans ce cas-ci condamnera les erreurs de notre formulaire. Si on n'a pas une requête de type post on ne passera pas à l'intérieur de tout ça et on va tout simplement afficher notre formulaire et les erreurs ne seront pas affichées puisqu'on n'aura pas d'erreurs à l'intérieur de notre
00:11:29 :contexte. Donc là normalement on a tout ce qui faut, on a notre formulaire qui est affiché on envoie les données dans la vue ici et on les traite avec request.post
00:11:37 :et si on a des erreurs on les affiche. Donc on va aller tester tout ça ici, je reviens sur mon site j'actualise. Donc là je vais mettre
00:11:43 :un nom d'utilisateur, je vais mettre test user 1. On va mettre un mot de passe qui va être trop court donc je vais mettre juste test ici dans les deux mots de passe, je clique sur s'inscrire et là vous voyez qu'on a une erreur puisqu'on ne va pas pouvoir utiliser
00:11:55 :directement la classe vu qu'on a un utilisateur custom qui est utilisé pour créer nos utilisateurs. Donc là en fait le manager il va s'attendre à avoir Auth.user donc qui est la classe par défaut
00:12:05 :utilisée par Django pour créer les utilisateurs et nous à la place on a utilisé CustomUser donc c'est la classe qu'on a définie dans notre fichier de settings ici dans Auth.user.models. Donc là
00:12:15 :il va falloir rajouter une petite étape supplémentaire il va falloir en fait faire notre propre formulaire à partir de ce formulaire donc vous allez voir c'est très rapide et on aura juste besoin de spécifier en fait qu'on veut utiliser notre modèle custom donc le modèle CustomUser ici qui est défini dans
00:12:29 :models.py à la place du modèle d'utilisateur de base de Django.Donc je vais faire une classe Custom SignupForm qui va hériter de cette classe UserCreationForm et ici on va créer une classe Meta qui va spécifier que pour le modèle je veux utiliser CustomUser donc CustomUser que j'ai importé ici à partir de
00:12:47 :Auth.models. On va également spécifier les champs que l'on doit utiliser donc les champs pour notre formulaire là dans ce cas-ci on pourrait les spécifier à la main ce qu'on peut faire c'est également aller chercher directement pour être un peu plus efficace les fields qui sont définis dans UserCreationForm. Donc si je vais à l'intérieur de
00:13:03 :cette classe vous allez voir que dans Meta ici j'ai déjà un field qui est défini avec le username donc on va aller récupérer en fait cet attribut de la classe Meta directement à la place de fields. Donc ce que je vais faire ici c'est
00:13:15 :UserCreationForm.Meta.Fields donc on va tout simplement récupérer cette valeur ici plutôt que de la mettre donc comme ça si jamais Django change et rajoute des valeurs ici et bien notre formulaire va automatiquement aller les récupérer.
00:13:28 :Donc là la dernière chose qu'il reste à faire c'est de récupérer donc cette classe et de l'utiliser à la place de UserCreationForm et donc dans ce cas-ci on va bien spécifier à Django qu'on veut utiliser notre modèle personnalisé à la place du modèle de base. Donc si je reviens
00:13:42 :dans ma vue je vais actualiser je vais remettre donc testUser1 je mets test pour le mot de passe et je confirme avec test. Et là dans ce cas-ci
00:13:50 :alors on a quelque chose d'un peu bizarre puisqu'on était censé avoir des messages d'erreur et je pense que c'est voilà tout simplement parce que je ne les ai pas ajoutés dans mon fichier HTML. Donc ici en fait
00:13:58 :ce que je vais faire c'est tout simplement rajouter une boucle. Donc si vous vous souvenez bien ici on a rajouté form.errors donc ça c'est un dictionnaire qui va contenir des erreurs. Et donc
00:14:08 :ces erreurs je les ai récupérées dans cette variable errors ici qui va donc être un dictionnaire.Donc ici je boucle tout simplement sur error.items je récupère les erreurs et les messages. Donc là error
00:14:18 :je ne l'utilise pas donc à la place on pourrait juste récupérer le message et faire values ça fonctionnerait de la même façon.Et j'affiche ici le message de l'erreur à l'intérieur d'un h3 avec un style en rouge donc color red ici pour que ce soit un peu plus visible qu'il s'agit d'erreurs ici.
00:14:32 :Donc je reviens à l'intérieur de ma vue je vais actualiser, je réessaye testuser1, je mets un mot de passe qui est trop court et qui n'est pas valide, je clique sur s'inscrire et là on a bien nos messages d'erreur qui s'affichent. Donc ce mot de passe est trop court
00:14:44 :il doit contenir au minimum 8 caractères et ce mot de passe est trop courant. Donc là je vais essayer cette fois-ci en validant avec un mot de passe qui va fonctionner.
00:14:52 :Donc avec au moins 8 caractères avec des nombres qui n'est pas trop courant etc et qui ne contient pas que des chiffres donc toutes ces règles ici, je clique sur s'inscrire et là on a bien bienvenu qui est affiché. Donc ça veut dire que notre
00:15:04 :formulaire a été validé. Donc on est passé ici dans request.method==à poste, on a créé notre formulaire le formulaire était valide donc on l'a sauvegardé dans la base de données et on affiche ici bienvenu. Donc pour vérifier que notre
00:15:16 :utilisateur a bien été créé dans la base de données je vais revenir sur cette page et on va essayer de créer un nouvel utilisateur avec le même nom d'utilisateur. Donc je vais
00:15:24 :remettre un mot de passe valide et cette fois-ci donc l'erreur qu'on devrait avoir d'afficher, voilà c'est que un utilisateur avec ce nom existe déjà.Et le nom d'utilisateur si on va voir à l'intérieur de notre class abstract user ce nom d'utilisateur il est absolument unique. Donc ça c'est obligatoire puisque
00:15:40 :ici c'est le nom d'utilisateur donc le username ici, le champ username qui va être utilisé pour distinguer les différents utilisateurs dans notre base de données.
00:15:48 :Donc il est obligatoire que ce champ soit unique et donc quand on va essayer de créer dans notre vue ici un utilisateur avec un nom d'utilisateur qui existe déjà on aura donc cette erreur qui nous dit qu'un utilisateur avec ce nom existe déjà.
00:16:00 :Donc là vous voyez qu'on a quelque chose d'un peu plus complexe que ce qu'on avait avant avec beaucoup de validations d'erreurs qui sont faites à notre place. Si vous souhaitez
00:16:08 :aller voir un peu plus en détail ce que ce formulaire fait vous pouvez bien entendu aller voir à l'intérieur des fichiers de Django. Donc là
00:16:14 :on voit qu'on a les différents champs donc password1 password2. On voit que par défaut vous voyez ici c'est la classe d'utilisateur qui est utilisée donc c'est pour ça qu'on a du modifier légèrement ce formulaire donc comme on l'a fait ici dans notre vue en spécifiant notre propre classe méta et en spécifiant notre utilisateur
00:16:30 :custom à la place du modèle ici qui par défaut est le modèle d'utilisateur de Django. Et donc à la suite de ce fichier vous allez voir les différentes vérifications qui sont faites. Donc par exemple ici
00:16:40 :une vérification pour s'assurer que le mot de passe 1 et le mot de passe 2 sont bien définis et qu'ils sont équivalents. Donc là s'ils sont différents on a une erreur de validation qui est levée et on a plein d'autres choses ici. On a le save donc si ça
00:16:52 :vous intéresse d'aller voir un peu plus en détail tout ce qui se passe avec ce formulaire vous pouvez aller le voir bien entendu dans les fichiers de Django.
00:16:58 :Donc voilà pour les deux façons de faire avec déjà du HTML tout simple sans passer par un formulaire et ensuite en passant par ce user creation from. Donc vous voyez que ce qu'il faut
00:17:08 :retenir dans tout ça c'est vraiment que c'est du Django pur. On a des choses qui sont faites automatiquement pour nous mais c'est vraiment de la logique de formulaire donc si vous n'êtes pas au point avec tout ça je vous conseille d'aller revoir les parties sur les formulaires de Django. Si vous n'êtes pas au point
00:17:22 :non plus avec les vues donc tout ce qu'on fait dans la vue ici et bien là encore il faut aller revoir tout ce qui concerne le traitement des données à l'intérieur des vues avec les différents types de requêtes etc. Donc on n'a rien ici de
00:17:32 :spécifique vraiment au modèle d'utilisateur c'est vraiment que du Django avec la création de formulaire,la récupération des données et le traitement de ces données pour ensuite créer des données à l'intérieur de notre base de données donc dans ce cas-ci c'est vraiment un modèle pour créer des utilisateurs.

Créer une vue d'inscription basique

Débloquez votre potentiel ! ✨

Prêt à passer au niveau supérieur ?

Toutes les questions

Simon

Problème de configuration du modèle CustomUser dans Django

Rechercher sur le site