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

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/Che...
discord:
/ discord
Twiiter
/ sokhengchen

[@DailyWebCoding]

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

[@medamineriahi7313]

2 years and the first 2 minutes helped me more than any other video... even more than the firebase docs

[@Vikas_Singh_Kushwaha]

one of the simplest firebase fullstack tutorial on youtube. Was so easy to follow

[@getachewsharew5904]

I just feel like i watched the video only for 5 minutes not for 35 minutes. smart tutorial thanks.

[@brickstv3156]

Thank you so much man for this video I graduated from a bootcamp and somehow ended up freelancing I needed this.

[@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.

[@jeelkumarpatel4479]

Thank you very much, I was looking for such a video all over TH-cam but no one had this content.

[@sudarshankj]

Great tutorial. Pure content and no nonsense. Loved it! KEep up the great work.

[@adityakulkarni2764]

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

[@shadmerhi]

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

[@asaphhere]

Thank you so much. You made this so easy in 2023 :)

[@deuryferreira5291]

Just what i was looking for, tank you!

[@killerkyun]

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?

[@preciousaffiah8603]

Thanks so much, the simplest tutorial I’ve come across for firebase auth

[@ichoupettev4661]

Thanks for your video. There is just some issue with the new updates of firebase that break the imports, but its easy to fix ^^

[@MazanLabeeb]

Hey brother! Thank you for posting such a nice and straight forward tutorial.

[@fernandotoledo8093]

It was very helpful, good work!

[@DailyWebCoding]

Glad it helped!

[@VetrivelRavi]

Actually I have a question on this...How to host this project finally to firebase including both server and frontend

[@DailyWebCoding]

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]

@@DailyWebCoding is there any way to deploy both on firebase itself

[@VetrivelRavi]

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

[@robinsonzapata1]

Great tutorial thank you so much, very clear just what I was looking!

[@digrinha5350]

Great video man, helped me a lot. Thank you!

[@RajivKumar-kn6sk]

clean video --- did exactly what was intent... thanks bro

[@mkhululicebani6977]

Very clear, precise, informative video. Saved my app, thank you😉

[@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?

[@cleandust530]

thanks lot. When that day comes, you will definitely go to heaven.

[@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?

[@deniyii]

This helped me today, thank you!

[@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]

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]

@@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]

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?

[@encilaj1444]

Still useful big thanks!!!

[@akshanshshrivastava2959]

Thanks for the simple and upto the point explaination :)

[@Giburozu]

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]

Yes, you can

[@Giburozu]

Thanks, sir

[@cempakajanuari5983]

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.

[@mohamedabdiahmmed]

Thank u very much i like this section

[@bakunyaa]

It's great video and very helpful. Thanks man!

[@borasanuk]

Thank you - really helpful!

[@josesantillan732]

Excellent!! Kipe it like that

[@cryptoheist469]

Would that work with calls to a MongoDB instead of a plain json object when calling app.get('/api/todos')?

[@daffahanz1540]

great tutorial! this is helpful for my project, thanks!!!

[@edward452]

Awesome

[@nuvola-b]

You shouldnt store token in an app state. you should get it on every request

[@aliciaulin9332]

Thanks! This was really helpful!

[@xyz-ey7ul]

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]

It initialize globally throughout your app

[@sitadabo4607]

Thanks for this

[@tharinduakalanka6857]

I am having an error "FirebaseAuthError: Firebase ID token has incorrect "aud" (audience) claim."

[@errinwright]

How come you used Express and Axios?? why not Express for both??

[@binwelbeck1482]

It was Great video and very helpful content , thanks

[@thongtranlequoc688]

This so good thank u my friend!!

[@danielzemberi3958]

so cool tutorial, thank you sir!

[@brainzdesignz]

Well received! Thank you.

[@es_pythondevelop7981]

great work bro keep going

[@mahmoudabdelazem2244]

very nice, excellent work thanks bro

[@zombeeplayer9550]

awesome. it's save my time or complexity

[@okbrk]

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]

Just to add to this, the fix is to turn off shields for the site

[@JamsMendez]

Great!, thank you

[@yoelczalas]

Very useful! thank very much

[@abdelrahmanmohammed9405]

Thank you for this video!

[@ahsanulkabir8640]

U made my day

[@maskman4821]

Very useful tutoial 👍

[@mohamedyoussef8835]

Awesome Video ++++++++++++++++++++ Thank you

[@effset]

Thanks ! Great tuto !

[@MrJoaopaulofurtado]

great, direct to the point, no BS

[@gabrielfernandoalicuchallo6363]

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]

Thank you

[@ookam6371]

Thanks a lot. This helps me a lot

[@johnnievodka4737]

The error you have at 4.30 is most probably due to injection of Google analytics account - Stop that and the error will go

[@TheAwesome]

Thank you so much

[@josh-richards]

thanks heaps man, this is great!

[@KHANGNGUYENDUY-bx1cq]

I have a question when firebase refreshes the token (1 hour), does the above source code work? Thank u very much!

[@sudipshrestha5050]

I think it won't unless you refresh the app

[@dindoleonard]

Brother! may I know your VScode theme?

[@mohammadriyan6121]

The Error was showing in console is because of your browser extensions!

[@muhammadnurrahman813]

best tutorial

[@IvanLuizPedrosoPires]

Thnks!

[@Dave-dl8ey]

This was really a great video. I hope you continue to do more! :)

[@byteslinger3187]

good shit m8

[@vOnez212]

Perfect!

[@FreeMarketSwine]

Very nice tutorial

[@DailyWebCoding]

Thank you! Cheers!

[@danielalbert6834]

Thanks!

[@googleaccount2385]

Thank you very much

[@martinvalenzuelamagallanes640]

Good content, just what I needed in my project. Thanks!

[@harshanarayan7363]

Nice tutorial

[@kyledaines2428]

Incredible, exactly what I needed.

[@erlich8414]

Great

[@herbertk9266]

Thank you

[@aservantofjesuschrist6911]

For what shall it profit a man, if he shall gain the whole world, and lose his own soul? Or what shall a man give in exchange for his soul?
Whosoever believeth in Jesus Christ should not perish, but have everlasting life.

[@ashishsharma__]

Thank you, very helpful 😊

[@yanbabitski2777]

Thanks!