Тёмный

Adding Firebase Authentication to Back-end(Express.js) and Front-end(React) 

Daily Web Coding
Подписаться 20 тыс.
Просмотров 69 тыс.
50% 1

In this video I am going to show you how to do add authentication to your express.js server with firebase authentication.
code: github.com/Chensokheng/fireba...
discord:
/ discord
Twiiter
/ sokhengchen

Опубликовано:

 

6 май 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@DailyWebCoding
@DailyWebCoding 2 года назад
Hello everyone, Thank you for your watching and if you want to help the channel, you can help donate to us right here. www.patreon.com/dailywebcoding
@Vikas_Singh_Kushwaha
@Vikas_Singh_Kushwaha 2 года назад
one of the simplest firebase fullstack tutorial on youtube. Was so easy to follow
@medamineriahi7313
@medamineriahi7313 11 месяцев назад
2 years and the first 2 minutes helped me more than any other video... even more than the firebase docs
@brickstv3156
@brickstv3156 8 месяцев назад
Thank you so much man for this video I graduated from a bootcamp and somehow ended up freelancing I needed this.
@sudarshankj
@sudarshankj 3 года назад
Great tutorial. Pure content and no nonsense. Loved it! KEep up the great work.
@MazanLabeeb
@MazanLabeeb Год назад
Hey brother! Thank you for posting such a nice and straight forward tutorial.
@mkhululicebani6977
@mkhululicebani6977 2 года назад
Very clear, precise, informative video. Saved my app, thank you😉
@akshanshshrivastava2959
@akshanshshrivastava2959 2 года назад
Thanks for the simple and upto the point explaination :)
@RajivKumar-kn6sk
@RajivKumar-kn6sk 3 года назад
clean video --- did exactly what was intent... thanks bro
@getachewsharew5904
@getachewsharew5904 Год назад
I just feel like i watched the video only for 5 minutes not for 35 minutes. smart tutorial thanks.
@adityakulkarni2764
@adityakulkarni2764 9 месяцев назад
I don't find any other word, It's just PERFECT; the video, it has exactly everything that I wanted to know. Thanks a lot! Peace
@asaphhere
@asaphhere 7 месяцев назад
Thank you so much. You made this so easy in 2023 :)
@preciousaffiah8603
@preciousaffiah8603 3 месяца назад
Thanks so much, the simplest tutorial I’ve come across for firebase auth
@digrinha5350
@digrinha5350 Год назад
Great video man, helped me a lot. Thank you!
@robinsonzapata1
@robinsonzapata1 9 месяцев назад
Great tutorial thank you so much, very clear just what I was looking!
@fernandotoledo8093
@fernandotoledo8093 2 года назад
It was very helpful, good work!
@DailyWebCoding
@DailyWebCoding 2 года назад
Glad it helped!
@bakunyaa
@bakunyaa 2 года назад
It's great video and very helpful. Thanks man!
@shadmerhi
@shadmerhi 2 года назад
Great video! Super helpful. Would love to see a video where you connect to an external database such as Postgres or Mongo using the firebase user
@ichoupettev4661
@ichoupettev4661 2 года назад
Thanks for your video. There is just some issue with the new updates of firebase that break the imports, but its easy to fix ^^
@deniyii
@deniyii Год назад
This helped me today, thank you!
@deuryferreira5291
@deuryferreira5291 2 месяца назад
Just what i was looking for, tank you!
@daffahanz1540
@daffahanz1540 2 года назад
great tutorial! this is helpful for my project, thanks!!!
@aliciaulin9332
@aliciaulin9332 Год назад
Thanks! This was really helpful!
@borasanuk
@borasanuk Год назад
Thank you - really helpful!
@thongtranlequoc688
@thongtranlequoc688 2 года назад
This so good thank u my friend!!
@joewatson8357
@joewatson8357 Год назад
Why do people not make videos on the backend like this with React and the Firebase admin SDK? is easier on the back end than on the front end, so that's why they think, Oh, it's not necessary. Please give me some ideas to find a solution.
@es_pythondevelop7981
@es_pythondevelop7981 3 года назад
great work bro keep going
@Dave-dl8ey
@Dave-dl8ey 2 года назад
This was really a great video. I hope you continue to do more! :)
@mahmoudabdelazem2244
@mahmoudabdelazem2244 2 года назад
very nice, excellent work thanks bro
@brainzdesignz
@brainzdesignz 2 года назад
Well received! Thank you.
@encilaj1444
@encilaj1444 10 месяцев назад
Still useful big thanks!!!
@danielzemberi3958
@danielzemberi3958 Год назад
so cool tutorial, thank you sir!
@abdelrahmanmohammed9405
@abdelrahmanmohammed9405 2 года назад
Thank you for this video!
@effset
@effset 3 года назад
Thanks ! Great tuto !
@binwelbeck1482
@binwelbeck1482 2 года назад
It was Great video and very helpful content , thanks
@ookam6371
@ookam6371 3 года назад
Thanks a lot. This helps me a lot
@josh-richards
@josh-richards 3 года назад
thanks heaps man, this is great!
@yoelczalas
@yoelczalas 2 года назад
Very useful! thank very much
@ashishsharma__
@ashishsharma__ Год назад
Thank you, very helpful 😊
@maskman4821
@maskman4821 2 года назад
Very useful tutoial 👍
@edward452
@edward452 2 года назад
Awesome
@TheAwesome
@TheAwesome 7 месяцев назад
Thank you so much
@sitadabo4607
@sitadabo4607 5 месяцев назад
Thanks for this
@ahsanulkabir8640
@ahsanulkabir8640 Год назад
U made my day
@mohamedabdiahmmed
@mohamedabdiahmmed Год назад
Thank u very much i like this section
@prat_0501
@prat_0501 Год назад
Thanks a lot for this video 👍❤️ At 26:49, can we put service account key json file in gitignore? At the time of deployment/hosting, do we need to change its configuration?
@Viitor159
@Viitor159 2 месяца назад
i've been searching for DAYS how to decode a jwt using firebase I nothing was working, I read the docs several times I nothing worked, but this tutorial solved my problem. Thank u so much! wtf, I am dumb or the docs are not that good?
@josesantillan732
@josesantillan732 Год назад
Excellent!! Kipe it like that
@martinvalenzuelamagallanes640
@martinvalenzuelamagallanes640 2 года назад
Good content, just what I needed in my project. Thanks!
@JamsMendez
@JamsMendez 2 года назад
Great!, thank you
@cleandust530
@cleandust530 2 года назад
thanks lot. When that day comes, you will definitely go to heaven.
@IvanLuizPedrosoPires
@IvanLuizPedrosoPires Месяц назад
Thnks!
@MrJoaopaulofurtado
@MrJoaopaulofurtado 2 года назад
great, direct to the point, no BS
@cryptoheist469
@cryptoheist469 2 года назад
Would that work with calls to a MongoDB instead of a plain json object when calling app.get('/api/todos')?
@cempakajanuari5983
@cempakajanuari5983 2 года назад
This is what I need. Thanks man. But why should we added Bearer? whereas we will remove it on server? What is the use of Bearer? Btw, it's a great tutor.
@vOnez212
@vOnez212 2 года назад
Perfect!
@jaizon
@jaizon Год назад
Oh, really nice Now what if I wanted to use the backend to make requests to firebase so that I could get the data I want? Can I use the same credentials I get?
@zombeeplayer9550
@zombeeplayer9550 10 месяцев назад
awesome. it's save my time or complexity
@muhammadnurrahman813
@muhammadnurrahman813 2 года назад
best tutorial
@tharinduakalanka6857
@tharinduakalanka6857 2 года назад
I am having an error "FirebaseAuthError: Firebase ID token has incorrect "aud" (audience) claim."
@googleaccount2385
@googleaccount2385 3 года назад
Thank you very much
@errinwright
@errinwright 2 года назад
How come you used Express and Axios?? why not Express for both??
@kyledaines2428
@kyledaines2428 2 года назад
Incredible, exactly what I needed.
@mohamedyoussef8835
@mohamedyoussef8835 2 года назад
Awesome Video ++++++++++++++++++++ Thank you
@educationcopilot
@educationcopilot Год назад
Hello, great video. I've read a lot about the security issues that come with setting up firebase on your front end. Is there something I am missing here, why is the firebase-config login on the front end. Shouldn't this be in your express files? I am sorry if this is a dumb question, I am seriously struggling with this concept.
@yusufn8268
@yusufn8268 Год назад
Exactly, anyone can view the apikey by inspecting the page so the firebase configuration should not be in the Front-End what else can we do for this?
@jaizon
@jaizon Год назад
@@yusufn8268 couldn'r we just pass the authorization to the backend, with a login route? or use cookies in the frontend via ssr to hold the credentias instead
@parthkapadia3654
@parthkapadia3654 11 месяцев назад
My doubt exactly. And if we have a backend, why don't transfer the login and register logic there? Is it safe keeping your firebase config in frontend?
@xyz-ey7ul
@xyz-ey7ul 2 года назад
how come importing firebase from 'firbase/app' in app.js file works? i thought you would import from your 'firebase-config.js' file since it's the one you initialized.
@praveenrambalu
@praveenrambalu 2 года назад
It initialize globally throughout your app
@yanbabitski2777
@yanbabitski2777 2 года назад
Thanks!
@byteslinger3187
@byteslinger3187 2 года назад
good shit m8
@herbertk9266
@herbertk9266 2 года назад
Thank you
@harshanarayan7363
@harshanarayan7363 3 года назад
Nice tutorial
@VetrivelRavi
@VetrivelRavi 2 года назад
Actually I have a question on this...How to host this project finally to firebase including both server and frontend
@DailyWebCoding
@DailyWebCoding 2 года назад
Well there 2 ways that you can do: 1. You can deploy both of server and frontend together by wrap both of it inside docker compose and deploy it with any cloud provider that support docker. 2. You can deploy separately: - Frontend: deploy with Firebase or any other support platform - Backend: deploy with Google cloud or digital ocean or any other support platforms. After that you can use library like axios to communicate between front to back. Finally if you just want to do something like a demo deploy frontend with Firebase and backend with heroku because both of these are free depending on your use case. Hopefully this can help. Happy coding
@VetrivelRavi
@VetrivelRavi 2 года назад
@@DailyWebCoding is there any way to deploy both on firebase itself
@VetrivelRavi
@VetrivelRavi 2 года назад
And when I tried to do res.headers.authorization.split() its throwing error as undefined I’m not sure why thats hapening but the token everything is pssed perfectly
@erlich8414
@erlich8414 2 года назад
Great
@FreeMarketSwine
@FreeMarketSwine 3 года назад
Very nice tutorial
@DailyWebCoding
@DailyWebCoding 3 года назад
Thank you! Cheers!
@Giburozu
@Giburozu 5 месяцев назад
Sir, i'm a newbie programmer and i have some questions, can i use firebase just for auth, and for crud other data i use other database like mysql? Thank you sir, i hope you answer me🙌🙌
@DailyWebCoding
@DailyWebCoding 5 месяцев назад
Yes, you can
@Giburozu
@Giburozu 5 месяцев назад
Thanks, sir
@okbrk
@okbrk 3 года назад
The error you get on the console is that you are using a brave browser, which blocks third-party trackers by default. That's why.
@Mattdokn
@Mattdokn 2 года назад
Just to add to this, the fix is to turn off shields for the site
@nuvola-b
@nuvola-b Месяц назад
You shouldnt store token in an app state. you should get it on every request
@dindoleonard
@dindoleonard 2 года назад
Brother! may I know your VScode theme?
@KHANGNGUYENDUY-bx1cq
@KHANGNGUYENDUY-bx1cq 2 года назад
I have a question when firebase refreshes the token (1 hour), does the above source code work? Thank u very much!
@sudipshrestha5050
@sudipshrestha5050 2 года назад
I think it won't unless you refresh the app
@gabrielfernandoalicuchallo6363
@gabrielfernandoalicuchallo6363 2 года назад
with version 9 change all type: import firebase from "firebase/app"; import "firebase/analytics"; by import firebase from "firebase/compat/app"; import "firebase/compat/analytics"; libre de errores en la consola.
@abdulmutaalazhar8235
@abdulmutaalazhar8235 Год назад
Thank you
@mohammadriyan6121
@mohammadriyan6121 Год назад
The Error was showing in console is because of your browser extensions!
@danielalbert6834
@danielalbert6834 Год назад
Thanks!
Далее
Server-side Firebase Authentication Using Express JS
22:02
Who has won ?? 😀 #shortvideo #lizzyisaeva
00:24
Просмотров 1,2 млн
Getting Started with Firebase Admin in NextJs
24:16
Просмотров 6 тыс.
React Junior Developer Interview (Questions & Challenge)
1:06:19