CLIENT_ID_GOOGLE

CLIENT_SECRET_GOOGLE

ACCESS_TOKEN_GOOGLE

REFRESH_TOKEN_GOOGLE

APP_ID_FACEBOOK

CLIENT_SECRET_FACEBOOK

ACCESS_TOKEN_FACEBOOK

Gain insights into OAuth 2.0 in JavaScript. Learn to set up Google Cloud, create credentials, and access user resources on Google and Facebook using OAuth tokens.

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.


The client developer must first register the client with the authorization server before implementing OAuth 2.0. Each server may have different criteria and specs, but in general, this is done by filling out a registration form at the service's website's developer section. The kind of information required from the developer also varies based on the service.

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

Introduction

Case Study: Access Google Resources

Build an Online Video Player in React and YouTube Data API

Case Study: Access Facebook Resources

Conclusion

Client Registration