A Visual Guide to using the Google+ API with Auth0
JavaScript projects authorizationThis week I learned how to use Auth0 to authenticate an AngularJS/Node.js app. Auth0 provides a fairly clear tutorial for the initial front- and back-end set-up, but a few of the later steps proved a bit trickier, in part because some of the information in the Auth0 documents for the Google API is a bit out of date. Here is a quick visual guide to supplement that provided by Auth0 once you’ve finished the initial setup.
- From your Auth0 dashboard, navigate to App/API menu and choose your app.
- Enter each url with which you want to use your app. Be sure to include the localhost address you use for development, your auth0 domain ending with
/login/callback
, and the url of your deployed app. - Navigate to the Connections/Social menu.
- Turn on Google, then click on it. This will open up a form in which you will need to enter the Client ID and Client Secret you will next retrieve from the Google API.
- Next, go to the Google Developers’ Console. If necessary, sign-up for an account.
- Create a new project.
- Enter a name, and then create your project.
- Navigate to the Google+ API.
- Enable Google+, then go back to the main menu.
- Navigate to your credentials and add the OAuth 2.0 client ID.
- Select Web application.
- Enter your auth0 domain into the JavaScript Origins field, and your auth0 callback url into the Redirect URI field, then create.
- Copy/paste the given Client ID and Client Secret into your Auth0 form for the Google API from step 4.
- Save, and check out your app! You should now be able to log in to it using Google+.
Written on August 22, 2015