CLIENT_ID_GOOGLE

CLIENT_SECRET_GOOGLE

ACCESS_TOKEN_GOOGLE

REFRESH_TOKEN_GOOGLE

APP_ID_FACEBOOK

CLIENT_SECRET_FACEBOOK

ACCESS_TOKEN_FACEBOOK

Authorization with OAuth 2.0 in JavaScript-01.png

Express.tar.gz

OAuth

React_app

OAuth 2.0, also known as Open Authorization 2.0, is an authorization protocol that grants applications with fine-grained access to resources on another host. 

In this course, you'll first get an introduction to the OAuth 2.0 protocol, its components, the different kinds of access the resource owner can provide to the client, and different types of OAuth workflows. Then, you will learn to set up a project on the Google Cloud Platform and create authorization credentials. You'll also look at a guide on how to use the client credentials to generate tokens and use them to access user resources. You'll learn to create a developer app on Facebook Developers Dashboard, fetch the authorization credentials, and then access the resources of Facebook users with the help of OAuth 2.0 access tokens.

By the end of the course, you'll have a thorough understanding of the OAuth 2.0 protocol and its components. You'll also have hands-on experience building a React application to access user resources at Google and Facebook.

Authorization with OAuth 2.0 in JavaScript

The client developer needs to register the #key# client: The third-party application that requests access to the resources. #key# with the authorization server before it can use the OAuth protocol to access user resources. The following are the requirements that the client developer needs to fulfill before using the OAuth workflow:
- Register the client with the authorization server.
- Provide the redirect URIs.


Learn about the client requirements that need to be fulfilled to use the OAuth 2.0.

Client Registration

Introduction

Case Study: Access Google Resources

Case Study: Access Facebook Resources

Conclusion

Client Registration