Google OAuth Single Sign-On (SSO) into TYPO3 | TYPO3 Google OAuth Login

Google OAuth Single Sign-On (SSO) into TYPO3 | TYPO3 Google OAuth Login


Integration of Google Apps Login (Google Apps OAuth Single Sign-On) with Typo3 using OAuth 2.0 Protocol. The Typo3 OAuth / OpenID Connect Single Sign-On (SSO) extension makes it easy to use OAuth2 to set up Google Apps Login on Typo3 (Google Apps Single Sign on).

The extension can be set up using other Social Media sources, as well as custom OAuth and OIDC providers. It contains a lot of Single Sign-On (SSO) features, like Attribute Mapping for user profiles, Role Mapping, and so on. In this guide, we'll go over how to set up SSO between Typo3 and Google Apps. At the end of this article, users should be able to log into Typo3 using Google Apps. Click here to read more about the Typo3 OAuth Single Sign-On (OAuth & OpenID Connect Client) extensions extra features.

The Typo3 OAuth & OpenID Connect Single Sign-On (SSO) extension makes it possible to log into Typo3 securely using Google Apps as an OAuth and OpenID Connect provider. You can also use alternative OAuth providers, such as Azure B2C, Office 365, and other custom providers, to configure the extension. Advanced Single Sign-On features such as user profile Attribute Mapping, Role Mapping, and so on are supported. We'll go over how to set up SSO between Typo3 and Google Apps in this article. Users should be able to log in to Typo3 through Google Apps by the end of this guide.

Click here to know more about other features we provide in Typo3 OAuth Single Sign-On ( OAuth & OpenID Connect SSO ) extension

Pre-requisites : Download And Installation

  • Log into your Typo3 instance as an admin.
  • Navigate to Extensions tab from left pane.
  • Select Get Extension from the dropdown and search for miniOrange OAuth and install the extension.
  • Now select Installed Extensions from the dropdown menu and search for OAuth and activate the extension.

Steps to configure Google Apps OAuth & OpenID Single Sign-On (SSO) Login into Typo3

1. Setup Google Apps as OAuth Provider

Follow the steps below to configure Google Apps as OAuth Provider

miniorange img Configure Google Apps as OAuth Provider
  • Go to https://console.developers.google.com/ and sign up/login.
  • Click on Select Project to create a new Google Apps Project for Typo3 OAuth Client, you will see a popup with the list of all your projects.
  • Google Apps G Suite SSO Typo3 create new project
  • Click on the New project button to create new project.
  • Google Apps G Suite SSO Typo3 create new project
  • Enter your Project Name in project name field and click on Create.
  •  G Suite SSO with Typo3 OIDC OAuth enter project name
  • Go to Navigation MenuAPIsServicesCredentials.
  •  G Suite SSO with Typo3 OIDC OAuth, Google Apps SSO for Typo3, credentials
  • Click on Create Credentials button and then select OAuth Client ID from the options provided in the dropdown menu.
  • Typo3 OAuth SSO OAuth client id
  • Choose how you want to configure and register your app (User Type) and click on create button.
  • Google Apps Login Typo3 configure consent screen
  • In case you are facing some warning saying that in order to create an OAuth Client ID, you must set a product name on consent screen (as shown in below image). Click on the Configure consent screen button.
  • Google Apps SSO for Typo3 configure consent screen
  • Fill up the required information, such as the App Name and User Support Email. and then select the Save and Continue option.
  • Typo3 google apps login Google Apps SSO for Typo3, save settings Save settings for typo3 google apps login
  • Now for configuring scopes, click on Add or Remove the Scopes button.
  • G Suite SSO with Typo3 OIDC OAuth, Google Apps SSO for Typo3, create oauth client id
  • Now, Select the Scopes to allow your project to access specific types of private user data from their Google Account and click on Save and Continue button.
  • create oauth client id G Suite SSO with Typo3 OIDC OAuth, Google Apps SSO for Typo3
  • Go to the Credentials tab and click on Create Credentials button. Select Web Application from dropdown list to create new application.
  • G Suite SSO with Google Apps SSO for Typo3, create oauth client id
  • Enter the name you want for your Client ID under the name field and enter the Redirect/Callback URI from Typo3 OAuth and OpenID Single Sign On (SSO) plugin under the Authorized redirect URIs field and click on Create button.
  • Google apps SSO with Typo3 Google Apps SSO for Typo3, redirect URL
  • You will see a popup with the Client ID and Client Secret Copy your Client ID and Client Secret and save it on your Typo3 OAuth and OpenID Single Sign On (SSO) plugin Configuration.
  • Google Apps SSO for Typo3, client id client secret

You have successfully configured Google Apps as OAuth Provider for achieving Google Apps Single Sign-On (SSO) with Typo3 for user authentication.

2. Configuring Typo3 as OAuth Client

  • After successfully configuring OAuth Provider, enter the OAuth Provider Name, Client ID, Client Secret, Scope and provided endpoints.

    Please refer below Endpoints to configure the OAuth client


    Scope: Openid email Profile
    Authorize Endpoint: https://accounts.google.com/o/oauth2/auth
    Access Token Endpoint: https://www.googleapis.com/oauth2/v4/token
    Get User Info Endpoint: https://www.googleapis.com/oauth2/v1/userinfo
  • Click on the Save button to save the settings.
  • Typo3 SSO OAuth 2.0 SSO credentials Google Apps SSO
  • Click on the Test Configuration button.
  • Typo3 OAuth credentials Google Apps SSO OAuth
  • You will see all the values returned by your OAuth Provider to Typo3 in a table. If you don't see value for First Name, Last Name, Email or Username, make the required settings in your OAuth Provider to return this information.
  • You have successfully configured your Typo3 as an OAuth Client. You will see the SSO button on your frontend. Click on the button and test the SSO.
  • Typo3 OAuth 2.0 SSO Google Apps SSO

3: Attribute Mapping (Optional). *This is Premium feature.

  • You can map attributes in the Attribute Mapping tab. Only username and email are allowed to be mapped in free version of the extension. However, in the premium version of the extension, you can map various attributes coming from your OAuth Provider to the attributes present in your Typo3 site.
  • Typo3 OAuth attribute mapping Typo3 SSO

4: Group Mapping (Optional). *This is Premium feature.

  • You can specify a default role in the free extension that will be allocated to all non-admin users when they conduct SSO.
  • Go to Group mapping tab and navigate to Group Mapping section.
  • Select the Default Role and click on the Save button.
  • Google Apps Typo3 SSO - Google Apps Single Sign-On(SSO) Login in Typo3 - role mapping

By configuring Google Apps as an OAuth Provider and Typo3 as an OAuth Client using our Typo3 OAuth Client extension, you have successfully installed Typo3 Google Apps Single Sign-On (SSO). Within minutes, you'll be able to provide safe access to your Typo3 site utilising Google Apps login credentials thanks to this solution.

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on info@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com