Showcare Phone Number Field with airSlate SignNow

Authenticate default field

hey you this is Justin from code band and in this video we are going to be talking about the custom user model in Django so we'll be overriding the default username based authentication to an email based authentication or you could say a foreign number based authentication so if you haven't subscribed my channel yet please do subscribe my channel and click the bell icon near to it so without any further let's jump right into it [Music] alright guys so we'll be starting right from this scratch itself so I have created a new Django project here I have my virtual environment activated and one thing to note is that we'll be following this sort of guide that I have prepared and this is a kind of github repository with a red main it will will have everything in detail what are all things we have to do we have to override everything is detailed and I'll put the link in the description section so that equal of course follow along so we'll start off with this one the project setup so the first thing you have to do is make a separate application right so we'll manage the accounts related things over the registration login and all those self in a separate application so we'll name that as account so I'll create a new app so Python managed or py set up accounts now the name is up to you you can of course do whatever you want but the convention is to use accounts and we'll create that one now we'll add that accounts in the setting store py install app section so accounts there you know with that being said everything is perfect now we'll all right the default user model so in the accounts model start Eve I'm in here we'll make a class and we'll name this as custom user which will be the the override adverse of the default user model so this one extends from the base user model so there is something called the I believe it's in the readme here I have that in here base leave this one class custom user which in Hertz from the abstract user so I'll just copy and paste this stuff here and I'll explain what it is and just paste that now the abstract user first of all I'll import that and if we just hold the ctrl and click that abstract user you can find the code behind that you can see that there is the you it is nothing with the default implementation which has a user name first name last name email and all those fields there so we need that because we want the default functionality plus we also want that additional email or phone number functionality as well so what we have done so far is we have created a custom user which in Hertz from abstract user and in here we have already seen that we have the user name field right so we don't warn that user name field so we set that to none here now you can see that we have that email field right there so why do we explain Lee said that it again here so that's because the email field here is not unique and it also it is also a blank field it can be blank right so we don't want that functionality for so we override that to be either email to be unique and it is not also black so that's why we override that email here now if you are using a kind of phone number authentication the process is very simple just get rid of that email put in form and just get rid of this email to be phone and do some validators and all that's it the same procedure now the next thing is user name field now that's nothing but when Jango tries to lock you in which means at the time of logging a user Jango uses the username field to authenticate so the the default implementation again if you look into the code there it is user name so now we don't have user name will use email now again if it was phone you can just use phone there now the required fields as you can see in here is email this is a kind of thing that we use when we try to create a super user so if we say patent marriage or provide super user Darin you will be asked to enter the email right so that's because the required fields is set there as email now the user name field by default is mandatory it cannot be blank plus whatever we said in required fields will also so in this default implementation it will be like username and email but in our case it will be like we we have that email field right so that's the default username field which is a mandatory by default plus we don't want any additional fields to be required so we just did this with empty and list that's it now if we're using a phone number just yet and just replace that with phone as well now the next thing is the user manager so as you can see in the code base the default a manager is yeah this one the user manager so if we just hold the ctrl and click on this one you can see that there are a couple of things there create users so couple of methods and all so that's the default one you can see that user name and all here so a trance and we don't have that user name field so we need to make our own manager so that we could all right the kind of user name at all so that's why I have created a custom user manager so we haven't graded we have just specified that will now create that custom user manager so back into they raid me here I have already prepared that there so I'll just copy and paste and I'll explain that in a minute so we'll just paste that there and we'll also get this imports here up at the top so I'll just import that and that's it now what this does is in the default the default user manager you can see that we have a couple of methods like create user create user create super user now we'll just override that actually this is and the same exact code we are using the same things we're just copying and pasting the same thing same implementation but with the exception of no username field so instead of this user name in the default one we don't have that we just have the email field there now this email field will be automatically passed to us because that's the username field we have they're so and also additionally if you have some other required fields then that should be also being passed to this function there so with that being said now what we'll possibly do is actually everything everything other implementation is the same now we don't have a phone field here so we'll get rid of this one now the email you can see email is equal to email instead of this default username is equal to use name and everything is very similar regis create a user and that's it now every other implementation is just the same so this is nothing but creating we have the create user method right in the user model and we have to create super user method there so this is sort of things you can understand by just crawling over there so that's it now as always if this was a kind of phone field then you can of course use this instead of email you can would receive that phone and you can send email to phone that's it now with that being said everything is perfectly fine now the last thing we have to do is in the sending store py we have to specify that we should use this custom user model instead of the default user model so back again in the readme you have that there so just copy just paste that it's nothing much setting out the user model we should set accounts dart customers or napkins is the application name and custom user is the model name as you can see our model name is custom user so with that being said everything is perfect now if we try to actually make migrations and migrate everything will be set so I'll say make migrations now I'll be using the default SQLite database now everything will be perfect if you use other databases as well and I will just migrate that now everything is that now we'll just make a new user so that we can login to the admin panel so create a super user and if you look into that it asks for email address not a username now that's because of the username field here so everything is perfect will I will say admin at admin.com and a password to be admin admin and I'll just bypass that validation so Super User is created successfully now we'll just run the server so python managed dot py runs server so we'll may wait a minute there and that's it we got that will go to slash at men now we'll just log with that admin calm and as you can see we don't have that default user there that's because we have override it to be custom user model so we need to add that in the admin dot py so in the admin door py we'll just for the time being add admin doc site register now in the default case we actually use the user model right wherever we want to use the user model we just say user and we'll just import the default this one the default model but in our case we don't have we don't use this one instead we use the custom user model so I know to refer that all you have to do is if you have couple of options like there is a method called get a user model so you can use this one so let's import that this one and this would work fine this would actually take that custom user model or also you can use something like the settings dot the custom or the this one and the setting start all use models so you could of course use setting dart odd user model both our permissible you can of course just get user model or this one which will work perfectly fine so I'll secretly get user model so that we just registered that there now with that being said if we look back into the admin panel we got that users there now if you click that you can see that we have one user that minute has been calm but you can see that it is a bit ugly right you can see that the it's not actually the default implementation you see here because the password is right in here we don't have that change from here in order to change the password then these are you know turned upside down the email address is at the bottom and all so we'll just week at the this behavior so that it looks clean so back into the readme here I have prepared a kind of implementation or inherited the default one and override it with the custom user admin so I'll just copy this one and I'll explain in a minute so in the admin or py I'll just replace that now in here and what I have done is in order to actually override the default behavior of this one we can use something like the user admin will in hurt from the user admin and we make a custom user admin now the field sets is something like the display fields right so whatever in here so password this is just you know no headers and all it's just whatever in that model so we have made in such a way that it looks exactly the same way as it as if in the default user model so we have the personal info section where we'll have first-name lastname and we all have permissions we will have Imboden dates everything is in much like in the default implementation now we also have the add field set which is nothing but when we try to add a new user so that's where we'll be crazy so if I go to the previous one and you can actually see when we try to add a new user then it's kind of crazy thing happening here no password you know you can see the password it's not dotted then it's kind of very ugly so that's why we have override this one to be the add field set here so which looks crazy so email password one and password too you'll find that it's much like to the default implementation now the list displays nothing but you'll have the email field and phone number field right in here in the display section that search bar will be there and the ordering will be a based on the email so that's the kind of implementations we have done now if you just refresh this page you can see it's looking much cleaner much like the before one if we go to admin admin dork on the user it's now the default implementation you can of course change the username and if you got that you know the basic one the default one as well now if you try to create a new user you can see that it's again the default one and during email address password password confirmation will make a new user now one thing you can see that this one enter a username and password we don't have actually a user name field we have that email field now in order to get override this one we actually need to override the template because this is at the end the add user template being rendered here so we'll just overwrite that so back into the arraignment here up at the bottom you can see that the add form template if we want to override so we'll make that templates directory a template so in the accounts new and in here I'll make the templates folder admin and and that I'll copy that path there I'll just enter so that it created those directories and add formed or HTML now if we just click on this template here you can see the default Django template being rendered so I'll just copy that and it is paste now I'll just get rid of this username enter an email and password and the same thing here and try an email and password now that will do the trick so just go back to the the readme itself and I'll just refresh this one and you can see that I believe that's not there yet that's because I believe templates admin all user add form everything is perfect but why I don't know we'll just restart the server there and we'll just refresh and no we are not getting that so the kind of issue I was facing was a kind of template priority there so what I have done is what I'm gonna be doing is I've just got this damn base directory from the application and I'll just space that at the outer level and adhere you can see that now we'll add that in the settings or py so in the directories we'll just say also Panthro join baster and the templates directory so with that being said now one thing we all we have to do is in the ad phone Doris you know we will just get rid of this translate there so we'll get everything there we'll drop everything there so with this being said if we just refresh we got that stuff there enter an email and password so that's totally working fine so the next thing we are going to be doing is a kind of registration form and a login URL as well so we'll start off with the registration so I'll go to the URL start py in the root URL store py and in here I'll add a new path so I'll just say register and we'll just go to the view start register I'll make a view there so I'll put name is equal to register as well so we'll import this views the import is accounts views now in here in the accounts views we'll make a new view now back to the Irate me I have created a view store py here the code is there I'll just explain that now it's nothing but a kind of registration so we will get rid of this form and all so well we'll actually you know there is a default use of creation from built in to Django so normally in normal cases if you use the default authentication system it kind of used this user registration default form there so we'll shift that allows you to use of creation form now this is nothing but the the same logic with whenever it get requests I'll just show you the register on HTML page otherwise if it is post it will just say that user there so I'll create a disaster dot HTML page in the accounts template so and make templates folder that I'll say register dot HTML and the register dot HTML will just display that from there so up at the bottom I have that code there so just copy and I'll just paste that now in here everything is perfect right so if we look into the slash register page you can of course see that it is the default one with the username and password we have left the username but it still shows the username now that's because if we just hold down ctrl and click on the use of creation form this is the default implementation there so we have that in the class meta they have the fields to be username we have the model to be the old user model so we need to get off right that so that we have that email based authentication or registration so not to do that I'll just create a new form start B Y which will make a custom form now again we have that code base in here so in the form store people just copy this one and I'll explain what it is in a minute so it's nothing but a custom form inheriting the use of creation from we'll just over I the metaclass terror the model to be the our own model the custom model and the fields we have that email field there so with that means and now if we go back into the register form there actually if we didn't get rid of this one so we'll now say the actually before in the form stored py this name will say this name so fuse will say instead of user creation from our own custom home I'll just import that up at the top and if we go in here you can see that nowadays kind of email address so that's totally working fine now we can actually register a new user so I'll say admin to at-at mend on me I'll make a password there so there will be that sort of validations and all yeah the passwords didn't match actually so I'll write a password there and if it submit actually it redirected to the same page because we have four successful it's actually saving the Registrar Marty you so model we'll just wait director to the register page so if you look into the users column there we'll see that admin to there so you can actually see that admin too so that's totally working fine now the last thing we have to refactor is the login form actually so the login form if we actually and the readme itself I have included the URL path there just copy that path which will actually do the magic for for us which means we'll get all those kind of login password reset and all those URLs and views there so this one expects the login page to be in a path now fee go to slash account slash login you cannot actually see that error because we don't have that registration login dot HTML template so we'll make in the templates directory we'll make a new file in the registration directory so that's perfect now we'll just copy and paste this same logic here and it will turn on HTML it will just paste that and if we just refresh we got that email address and password that's because the username field is email address there so we can actually log a user in so we'll just log in with the admin to there and I'll just log out from the admin panel and I'll say add mint to it admin dot me and we'll just provide the password and if I submit it actually loves me in and it redirected to account slash profile now that's the default kind of behavior because after successful login it will automatically redirect me to a console as profile now in order to get at this one not to verify that this is working actually I'll make this register view as a login a required back writer means only logged in people can see the register Paige actually so in the vo start py I'll put a login required decorator there so we'll say login required and I'll just import that now if we actually go to this register page I believe I have an import of that you have imported that and yeah we actually have we are logged in right so that's why it's showing this page no fee actually log out by saying count slash logout and if we come back to the slash register page we cannot actually go into there because it says after logging in Ollie you should access that No Fee try to log in with that it meant to again we can actually see that that's totally of working fine believe I have yeah that's not working fine so that's all about the customizing the kind of default authentication model so we have done so far we have done everything every single step where we have to override the username behavior so I believe this is the end of the video and if you have any doubts or any arrows please let me know in the comment section otherwise if you liked the video please hit the thumbs up button so if you haven't subscribed at my channel yet please do subscribe my channel and click the be like on didn't hear to it so thank you for watching we'll see you in the right next one [Music]