React SSO OAuth2.0 Login & Register | Login with Google w/ Express.js Server and Passport.js
If you ever wondered how SSO or Single Sign-On buttons are created and managed between the browser and server that allows you to Register or Login using one of the other services without the need to retype the same credentials and account info type every time which makes it super quick and users of your app will choose to join your user’s list even more because of the simplicity and how easy it is. If you’re familiar with something like “Login with Google” or “Signup with Facebook” well you’re in the right place! In this video we’ll go step by step into creating a SSO Authentication API with between React App and a Node.js/Express server using Passport.js and Google OAuth2.
⭐ Timestamps ⭐
00:00 Intro and What we’re going to build
02:24 Creating Express API: Google Console setup
07:24 Using Google OAuth Strategy for SSO
24:05 Authorizing user on each Request with Passport.js
29:19 Creating Login with Google API
42:29 Using Authorization Middle for protected routes
45:10 Setting Up React project and installing dependencies
49:37 Adding Multi-page routes for working with the API
52:33 Open Login with Google window and redirect
01:00:01 Keeping track of Google Login State
01:04:31 Fetch Authenticated user Info on React app
01:09:01 Saving Authenticated user on Redux Store
01:14:21 Redirecting after login with google
🧭 Watch How to Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
🧭 Watch Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
🧭 Watch How to Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
🧭 Watch Tutorial on Designing the website on Figma
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
⭐ You can get the Full Pro Tips Code from Github for React SSO:
https://github.com/ipenywis/react-sso
⭐ You can get the Full Pro Tips Code from Github for Express/Passport SSO Server:
https://github.com/ipenywis/express-passport-sso
🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github Profile: https://github.com/ipenywis
💡 My Blog: http://ipenywis.com
Made with 💗 by Coderone
by CoderOne
windows server dns
