Website Authentication using OAuth2

React.js with Redux authentication using Google OAuth2

Michael Whittle
The Startup

--

Licenced Image from Adobe Stock

In order to authenticate a React.js web application using Google OAuth2 , you first need to sign into the Google API Console. Select the “Credentials” menu item and then “CREATE PROJECT”.

For the purpose of this tutorial I just called my project “Medium Tutorial”. Selecting an Organisation and Location is mandatory. I’m not sure exactly where I created this as I did it a long time ago. I think if I remember correctly it was part of the Google Developers sign up.

You will need to “CONFIGURE CONSENT SCREEN”. You can see it in the screenshot below next to the warning message.

Unless you have an internal company specific requirement you will probably want to select “External” here and click “CREATE”.

--

--

Michael Whittle
The Startup

Solution Architect — CCIE R&S #24223 | Full-Stack / Blockchain / Web3 Developer | Security Specialist | PyCryptoBot Creator