OAuth 2.0 is an open standard for authorizing third-party clients to access your data from a resource server. This video explains how to write an OAuth client using JavaScript that runs as a client-side script in a browser. This OAuth 2.0 scenario is called the Implicit Flow or the Implicit Grant. Watch this on YouTube at: https://www.youtube.com/watch?v=FAp1FejoQ9M To know what OAuth is, watch this YouTube playlist: https://www.youtube.com/playlist?list=PLHfwoPeLRqw6JpBiWs57TeKxRn719qnzg

1. Browser Client
OAuth Provider
Authorization Code Flow

2. OAuth 2.0 Implicit Flow

3. Browser
Client
OAuth Provider
Implicit Flow

4. End-user Experience
Exactly the same as for any other flow.
Watch this YouTube video to see it in action:
https://www.youtube.com/watch?v=FAp1FejoQ9M

5. <a
href = “”>
Login with Facebook
</a>
Under the covers

6. <a
href =
“https://www.facebook.com/dialog/oauth?>
Login with Facebook
</a>

7. https://www.facebook.com/dialog/oauth?
client_id Who is the client?
redirect_uri Where in the client application must the OAuth server send stuff to?
scope What does the client want to know about the user? Or, what permissions does the
client want from the user?
response_type What flow is this? “token”
state CSRF token (optional)

8. 1
2
3
4
Browser
OAuth Provider
Implicit Flow
1
2
3
4
scope
client_id
redirect_uri
response_type=token
state
What does the client want to know about the user? What permissions do
you want?
Who wants to know?
Where should the OAuth provider send the information to?
Which “flow” is this?
CSRF token.
access_token
Represents permission granted. The key to unlock data.
expires_in (seconds)
access_token
{
/* data */
}
fields
Okay, what exactly does the client want to know about the user? These
fields must be within the scope requested earlier.

9. Watch this on YouTube:
1. OAuth 2.0 Implicit Flow
2. Demo: OAuth 2.0 Implicit Flow
https://www.youtube.com/watch?v=FAp1FejoQ9M
https://www.youtube.com/watch?v=6obGdQiVZHM

10. Hire me for training or software development
Stack Overflow:
Water Cooler v2
Github:
https://github.com/sathyaish
https://www.youtube.com/user/Sathyaish
Sathyaish Chakravarthy
Email: Sathyaish@gmail.com