Part-13 - How to implement Login & Sign Up with REST API with NULL Safety in Flutter
HTML-код
- Опубликовано: 18 сен 2024
- WhatsApp Channel: whatsapp.com/c...
instagram: / thetechbrotherss
Join fb group: lnkd.in/dAWaFWtp
In this video we will discuss what what are POST APIS, how do POST API work. How we can implement Login & Sign Up with REST API in flutter with null safety.
► Source code ➜ github.com/axi...
► Website Link ➜ reqres.in
► Login Api ➜ reqres.in/api/...
► Sign Up Api ➜ reqres.in/api/...
► Join My Facebook Group ➜ / 983554978866765
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axi...
► Hire me on Fiver:➜ www.fiverr.com...
=========================================
► Flutter Blog App Playlist: • Flutter Blog App with ...
► How to capture image from camera in flutter:
► Link : • How to capture Image f...
► My Card App Flutter :
► User Circular Avatar Part 1 : • My Card App || Flutter...
► Use fonts in flutter Part 2 : • My Card App || Flutter...
► Final Part 3 : • My Card App || Flutter...
►Covid-19 Tracker App using Rest API's :
• Create Coronavirus (CO...
►Firebase Blog App Android Java:
• Firebase Blog App - Ho...
►C++ Tutorials :
• C++ Programming Tutori... .
rest apis, flutter rest api tutorials crash course, how to implement login and sign with with rest apis with null safety
For business queries : axiftaj@gmail.com
Thank you for watching my channel do give feedback about this video.
#flutter #fluttertutorial #form #components #flutter #login #signup #postapi #nullsagety #asiftajtech
source code:
github.com/axiftaj/Flutter-Rest-Api-Tutorials-With-Example
do give a start if it helped.
how i can implement Login & Sign Up with oroo_rpc, plz help me
Asif bhai main ny aap he ka Video follow kia hai phir apka code b utha lia or api url change kr dia phir b loading kr raha tha else part chal raha pata nahi kia issue hai
@@mudasirkhan8058 sir ap ny koi mistake ki hogi api ko postman ma check kro pehle
Sir plz package name jo bti jo apna install kya ha is video ma
package name nahi mil rah can you share it plezzzzzz 🙏🙏🙏🙏🙏🙏🙏🙏🥺🥺🥺🥺🥺🥺
Wonderfully explained!! Much easier than GET APIs, thank you sir!
Thank you do subscribe and share with your friends
you're method are very easy bro i am from india but i follow you're all tutorial and i like it you're teaching style
thank you, do share with your friends
I got it easily,extraordinary explaination
Thank you
You are doing great sir easy explaination and easily understandable 🙏🏿🙏🏿❤❤❤
Thank you, do subscribe and share with your friends
Easy and clear approach appreciated Sir😍
Thank you
nice tutorial sir i understood ......please do use dio package make tutorial on dio bloc packages sir plzz app bahuth achey explain kartey hae btw thank you
Thank you so much. Future ma hm state management use karin gy and dio bhi.
Thanks for sharing 👍very good explanation
Thank you for watching do share with your friends.
Thank you Awesome Explanation Api .
Thank you watching do share with your friends and subscribe.
Thank you Sir ❤
Most welcome
love you thank you
thank you
Amazing and conceptual tutorials now my ideas are clear.
Thankyou❤
Glad it helped, do like the video and share with your friends.
Bro you deserve more...
Thank you, do share
wawwo brother
Thanks
Great teaching. Please if possible can you make a video series or a single video on how to make our own rest api. Thanks in advance.
Creating api used differ technologies
Well explained Thank u......
Thank you do like the video and subscribe
sir you are very good
Thank you
Sir you make video from mongodb
Awesome tutorial!
Thank you do subscribe and share with your friends.
Nice Explanation 👍
Thank you so much please do subscribe and share within your friends circle so maximum people can take advantage.
Brother can you explain in English?? Because im from Cambodia.Im not understand your meaning sir. But your tutorial is the best.
You can used auto generated subtitle for now. I'll try to make content in english.
@@thetechbrotherss Please don't make content in English. Hindi/Urdu is way better.
Thank you so much for this video
You are so welcome!
Great Video sir.
Glad you liked it!
Asif bhai what package you added on the pubspec.yaml. it is also blurring in the video
superb sir
Thank you, share with your friends
Bro the api you used here is throwing error in postman, although it is working correctly when tested... JazakAllah
always try to check api in postman, if it's working it means you are doing something wrong on app side
Nice
Thanks
Assalam-o-Alaikum Sir.
Very Informatic video.
Sir why we need the (moda_progress_hud_nsn) dependency ?
To show progress circular indicator and dismiss it after certain action is performed.
@@thetechbrotherss okay sir.
Thanks.
Nice explanation
Thank you
thanks you
Welcome 👍 Please do share with your friends.
sir please authenticated post request k lye bhi video bna dyn
Please provide ma API i will make the video.
great content very useful as a begineer....upload in english as well.
Ok
thanks..
Subscribe
Hello sir.
Sir when i run the application after this code it shows me an error saying...
D/inputconnectionAdopter (4389): the input method toggled cursor monitoring on I/flutter (4396) failed
nore sure about this brother please try again and restart the app
Good job..
I tried it but i am geting some issue in it regarding to the login and pwd.as i am using raw in body and i cannot get the right data from the api cn you guide me
make map and then encode it then pass it to body.
did it Work ? please provide me your code
thank you bro
Welcome, do like and subscribe.
@@thetechbrotherss and bell icon too bro
hhahahha
nice...
thanks you
Well explained sir ... Waiting for next tut sir. Kya isme password galat hai kar ke koi exception show kar wa sakte hai ... You said that the api website does not check for password just for email. Time 12:33 stamp of this video.
Actually ap ka password ya email ghlt ho to yeah backend developer manage krta ha. For example ap ny password ghlt enter kia they you will get in response your password is incorrect and same for email. Ap request send krty ha ap k pass response atta ha jaise mainy token response sy fetch kr k ap ko dekhaya tha waise ha ap ny phr end user ko message prinnt krwa k show krna ha. Yeah exceptions backend developer manage krta ha.
once again Dera Manana Sir
Share with your friends
Amazing concepts yee to humare pass dummy API ti or agar humare pass real project ho to wo API humae given hoti ha hum osi ko target kerange for sign up ?? or yahan jo in return token aaraha ta wo kiss lie use hota ha ??
wo bhi aise he kam krti ha make sure you learn the process and concepts, agr apky concept clear ha to job is done/
acha Sahi or what about the token ?? That we get in the response body in both the cases in sign up and log in
Pls make video on how to make filter using api data
OK
Sir ap na forget password and update user profiles wali functionalities add naii ki kya ??
bhai wo ap khud kr lain wo simple apis ha, post ya get ki tarhan agr ap k concepts clear ha to apis to same ha ap khud kr lain
Why body parameters are not encoded during writing code as json.encode()?
it depends how api are created
sir everything is perfectly fine till signup, but when i edit the login in place of register in postman then when i sending the request then still throwing me the token with id??
token with id in pstman
This is correct brother check this website documentation
Bro ham app ko responsive kis trah bna sakty ha or text ka size kitna rakha or padding and margin kiya day. In sab pay ak full detail video bna dat.
please check my live session the flutter way
Shared Preference3 ke sath bhi bana de na sir kaafi issue aa rhe local storage per save karwane per
SQL db k k tutorials already available ha please watch todo app with sql.
asif bhai post successfully mai email or password same ap ki video ki trha hai laken jb post man mai send krty hai to vo koi or data show krty hai ap nay jo api ka link deya hai ap check kr skty hai
Check latest documentation and follow the lates process
Sir can u please tell me how can we connect this with amazon cognito in aws
Use aws amplify
Sir agar hame autocompletetextview me bulk amount of data load kren.
i'll make a tutorial about that
already done it in provider statemangement
playlist
But i have explain theory here
Aap ne konsa package Install kiya
Wo samaj nahi kya hai wo modal_ncn
is point par to i think mainy koi pacakge install ni kia
I saw many examples on yt but yours is simplest one,
how can I add progressbar while calling api ?
Check my provider state management course i have teach this in part 9
@@thetechbrotherss Yeah, Perfect sir, that is what I wanted.
aapka explain karneka tarika bahot badhiya hai.
@@thetechbrotherss My Name is Kalpen Vaghela , I have sent connection request on linked in , please accept it :)
as the user clicks on signup does it mean to a user should always use the email and password that was provided, infect users can use it as per their own choice?
yes becuase we are using open source dumy apis
@@thetechbrotherss then how can the user enter his email and password that should be stored on the server?
Asif how can we throw list against each key inside body?
Can you please elaborate your questions in detail.
@@thetechbrotherss i mean if i have to post a list of response against each key, like
{
"personal": List,
curriculum: List,
}
Its very simple.
var _list ;
var item = {
'user_id': "23"),
'friend_id': "3244",
} ;
_list.add(item);
Map map = {
'addFriends': _list,
} ;
Response response = await post(Uri.parse(AppUrl.addFriends),
body: json.encode(map) ,
headers: {'Content-type': 'application/json','Accept': 'application/json'}
);
@@thetechbrotherss you are love bro ❤
suppose i am manager and from api response let assume i got 10 data length of my employee (about leave request )and it depend upon me weather i want to approve or delete if i want to approve 5th employee data in textform filled how i use controller so it could delete that specific data of 5th employee not affect the other but in my case it delete the top of the container data if i edit text on 5th container
plz reply
I didn't get it
Sir please ye btain k Kya response me user ka email or password and other data ni ata Jo hum locally save karwaty Hain and then wo login time p bhi receive hota hai
ap jb login krty ho wo developer return krta ha response ma, ap developer ko kahin wo return kr dy ga save karin r mazy karin phr
Api with authentication token is available on your channel
Btw i have explained this at the end of this video
I having issues with the API token, in Postman with the mail and password. When I hit send I'm getting the whole JSON value instead of the id and token. Can you tell me how can i resolve that?
please check documentation
@@thetechbrotherss I resolved it, And Can you please make a video on converting JSON to model with the help of 3rd party app?
Bro Respose function built-in ha. If that is how this work
yes backend developer bnata ha response
Missing fields in username and email is showing on postman
Please follow latest documents to enter correct email and pass
sir how to show api response in any specfic text widget or in container
Use string and rebuild the screen
How to show a snackbar if login failed please ? Thanks 🙏
Check response and show response accordingly
so aajki date me koi or method ka vidio bhej sakte he sir aap?
it's still working bro
bro what are u doing when we signup user we give cutome id na, and when we login we give those same credential
but here you are giving same thing which are predefined in api .... i cant get this in get api we can use it to show data from api in our app , but in post method how we use in real app work??? one demo with use of it....
Ask backend developer to return you response
sir api yeh wala nahi araha jo website mai ap nai di hai?
Ap process follow kro bro
Why are you giving us status code 200 for the login API, even though I tried logging in with different password.Shouldn't it give an error?
These api are open source, you can read the docs and add more check. I taught concepts here to make you understand how process works
How to set Progress bar when we Click signup button to create account
Use boolean
I'm getting the verification code using API. But matching the verification code. Every time I post verification code it's going to else function (Failed). IDK What's going wrong
Debug the code
We can use this by Firebase then why we use api over Firebase...?
APIs are king of world :d
Please make ' Forget Password ' of same Tutorial in flutter.
Bro same process ha understand the project
bhai, register ma hum dosra email, password likhain, nahi chalta
mtlb ?
I am getting error...its showing kotlin doesn't support
add supported version of kotlin in build gradle
If I learn this method ,
can I implement any api's in this method?
please tell us bro?
I have implemented this you can do it same way
@@thetechbrotherss Thanks brow
sir aapne ye jo mathod batayi he ye to abhi kam hi nahi kar rahi he
q ni kr raha kr raha ha
Hello sir, how can I inactivate the button until I receive a response to prevent spam requests?
Add conditions, if else
Why I get the 302 Status code instead of 200?
You must be doing something wrong or please check the latest documentation
Api is showing error in Postman but in tested its working
You must be doing something wrong
This content is misleading
This is authentication using provided login credentials, not user sign up
Is user sign up possible?
This is not misleading it just that you are not understanding the concepts. I'm using open source api, i have provided the link you can check their documentation. This the example of how post api works meanwhile in this api i have make user login as enter already provided email and password as i am using open source api. This how login work and sign up as well. You need to understand the process how things workout. I hope this make sense.
You're using the login credentials provided by reqres.in
The API code might have similarities but you're clearly demonstrating the login process not user registration.
Hence the title and video both are misleading.
Bro this is the post api, if you got a understanding of this api where user enter email and password to check if it is present or not then in sign up api its the same process your backend developer will shave the data. Understand the process rather than focusing on single video.
Email , password send click
Body html in response
Not show id , token
bhai api pr koi or data aa rha hai
check the documentation and follow the process
sir yaha " try and catch " ki samaj nhi aye
it's used to caught exceptions
Aoa .. Sir im having 400 error in postman
check api on website and follow the same process
Bro make on video login sign with phone number with api
Login with phone number remains same, you need to replace email with phone number and rest of the process remains same.
bhia gmail se authenticate kaise kre without password ?
Bhao gmail sy login ki plugin ha jaise login ho jao gy wo apko token dy de ga us k bad us token ko use krty ha login krny k liye apny system k sath.
every time output is login failed
please check api documentation and follow the process
J̊åb̊ m̊åi̊ p̊o̊s̊t̊ åp̊i̊ c̊ål̊l̊ k̊r̊ r̊h̊å h̊i̊ t̊o̊ m̊ůc̊h̊e̊ h̊ån̊d̊s̊h̊åk̊e̊ c̊l̊i̊e̊n̊t̊ k̊i̊ e̊r̊r̊o̊r̊ åå r̊h̊i̊ h̊åi̊
check api in postman
full play list ?
Yes its a full playlist
Also make phone number login
All of the login apis work in same way. If you got understanding of this api you can easily implement with phone number. All you need to do is just replace email parameter with phone number and then job us done.
Thank you 😊
Is rest api free
for testing some platform provides free api but mostly apis are paid but also it depends on various factors
18 0 complete my comment😅
thank you
sorry i don't i undertand
Because thats in my native language
whenever i run application this message is shown
HandshakeException: Handshake error in client (OS Error:
I/flutter ( 5099): CERTIFICATE_VERIFY_FAILED: certificate has expired(handshake.cc:393))
even i restart my app
this is server side error, test api in postman
when i try to use if response.body.contains(success) == true , its even logging in even i type the wrong password this not proper way to implement the login
this is the proper way to login, asked your developer how he manage the backend then add your conditions accordingly. As i used open source so it has one condition and it return success.
why is the login function not a FUTURE fucntin?
We are not returning anything, we can do that. You can always tweak things based on your requirement link
but Bhai apna Api kesy bnaye ?? SignUp or Login ka ?? @AsifTaj
mainy ni bnaya backend developers bnaty ha