From the course: React: Authentication (2021)
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Setting up OAuth on Google - React.js Tutorial
From the course: React: Authentication (2021)
Setting up OAuth on Google
- [Instructor] Now that we've learned the basics of how OAuth works, we're going to take a look at an example of how to incorporate OAuth into our application. Now, obviously there are many different OAuth providers that we could choose from here, but in this course, we're going to be implementing probably the most widely used OAuth provider, and that is Google. So we're going to be adding a log in with Google button to our login page here. And this will provide a good starting point for you if you want to move on to other providers, since most of the other OAuth providers that you'll find will have a nearly identical process. So the first step here is going to be setting up a project in Google so that Google will allow us to use OAuth for our application. Basically, this is just where we'll tell Google about our project, what data we want to access on our users, stuff like that. So let's start by going to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
OAuth basics3m 17s
-
(Locked)
Setting up OAuth on Google6m 33s
-
(Locked)
Adding an OAuth URL route7m 49s
-
(Locked)
Creating a "Sign in with Google" button4m 49s
-
(Locked)
Loading user info from Google5m 32s
-
(Locked)
Creating new users from OAuth data4m 32s
-
(Locked)
Adding an OAuth callback route4m 26s
-
(Locked)
Handling successful OAuth authentication3m 40s
-
(Locked)
-
-
-