Y

YouLibs

Remove Touch Overlay

How I Handle Authentication in My Chrome Extension

Duration: 26:50Views: 2.8KLikes: 87Date Created: Feb, 2022

Channel: Coding in Flow

Category: Science & Technology

Tags: startup vlogaccess token vs id tokenjwtstartup bloggerstech startup blogstartup bloggoogle oauth2chrome extension google loginlaunchwebauthflowjwt vs sessionsoftware startup vloggoogle oauthgetauthtokenjwt vs oauth2json web tokenchrome extension authenticationchrome extensionchrome extension auth0google oauth reactjwt vs cookiejson web token explainedauthentication vs authorizationchrome extension developmentpassport vs cookie

Description: Visit brilliant.org/CodinginFlow to get started learning STEM for free, and the first 200 people will get 20% off their annual premium subscription. In this video, I demonstrate how I implemented Google OAuth2 into my Chrome extension and React website. Subscribe to EngageAlot's waiting list: engagealot.com Timestamps: 00:00 - The benefits of using OAuth 01:09 - Token expiration 02:24 - Brilliant (Sponsor) 03:41 - getAuthToken vs launchWebAuthFlow 05:53 - Google ID token 08:06 - Refresh token setup + problems 12:48 - Share auth between Chrome extension and website 14:10 - Access Token vs ID token 15:03 - Session cookies & OpenID Connect 18:19 - Express cookie-session + login process ____________________ Subscribe to the channel: youtube.com/c/codinginflow?sub_confirmation=1 Follow me on Twitter: twitter.com/intent/follow?screen_name=flo_walther Join our developer community: codinginflow.com/discord For business requests, contact: info@codinginflow.com Music by HoobeZa: youtu.be/1ATTpS-UG-Y youtu.be/rHEyG4nA9eE

Swipe Gestures On Overlay