TYPO3 OneLogin Single Sign On (SSO) OAuth / OpenID Connect | OneLogin SSO Login
TYPO3 OneLogin Single Sign On (SSO) OAuth / OpenID Connect | OneLogin SSO Login
Integration of Onelogin Login (Onelogin 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 Onelogin Login on Typo3 (Onelogin 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 Onelogin. At the end of this article, users should be able to log into Typo3 using Onelogin. 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 Onelogin 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 plugin. 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 Onelogin in this article. Users should be able to log in to Typo3 through Onelogin 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
Installing OAuth Client / OpenID Connect extension in TYPO3
- Use the below command to install the extension using composer:
composer req miniorange/miniorange_oidc - Now search for the "miniOrange OpenIDConnect" in Installed extensions section and activate the extension by clicking on activate button.
- After installation, click on the newly installed extension "miniOrange OpenIDConnect" for TYPO3 SSO and login with your registered miniOrange credentials.
- After entering username and password you will require license key to proceed further if you are a premium customer. (You will get this key from the miniOrange team. After entering license key, you can activate the license and proceed further.)
- If you are not a premium customer you can direcly login submitting miniOrange credentials.
- After successful login, you can see the details related to your account.
- Now you are ready to configure your IdP. But, it's important to integrate frontend first.
- Download the zip file of the OAuth / OIDC extension from TYPO3 marketplace
- Go to your TYPO3 backend, and click on Extensions section at the left side of your screen.
- Upload the zip file,as represented in the below image.
- Now search for the "miniOrange OpenIDConnect" in Installed extensions section and activate the extension by clicking on activate button.
- After installation, click on the newly installed extension "miniOrange OpenIDConnect" for TYPO3 SSO and login with your registered miniOrange credentials.
- After entering username and password you will require license key to proceed further if you are a premium customer. (You will get this key from the miniOrange team. After entering license key, you can activate the license and proceed further.)
- If you are not a premium customer you can direcly login submitting miniOrange credentials.
- After successful login, you can see the details related to your account.
- Now you are ready to configure your IdP. But, it's important to integrate frontend first.
Integrate extension with TYPO3
- Click on the Pages from the left navigation.
- Then you need to create a folder to store the frontend users in it by right clicking on the Home page and select New subpage.
- Select Folder type from the dropdown.
- Name the folder as Website Users and click on the Save.
- If you see a hyphen sign in red on the created folder, it means that the folder is not enabled. You can then enable it by right clicking on that folder and clicking Enable.
- You need to add two STANDARD pages within the HOME page. If you are using Premium Plugin you can create three pages.
- Here we will consider Page Names as: FEOIDC, RESPONSE, LOGOUT (Logout is optional for premium customers).
- To create a FEOIDC page, right click on Home page then select New subpage and select STANDARD type from dropdown.
- Add Page Title as FEOIDC and click Save.
- Then again Click on FEOIDC Page and click on Add content. Go to plugins and add FEOIDC Plugin and click on the Save.
- Navigate to plugin tab and select FEOIDC plugin. Add website users in Record Storage Page and save the settings.
- You can enable the FEOIDC page by right clicking and selecting Enable option.
- If you need to make changes in URL segment, which will also be your initial SSO URL, right click on FEOIDC page, select edit and click on "toggle URL" button to set URL according to your way.
- Follow the same steps to create and configure Standard pages of Response.
- Ensure you will be selecting Response Plugin for Response page.
- Keep the FEOIDC and RESPONSE page urls handy as you will need them while configuring the OAuth/OpenID Connect extension.
Steps to configure Onelogin OAuth & OpenID Single Sign-On (SSO) Login into Typo3
1. Setup Onelogin as OAuth Provider
Follow the steps below to configure Onelogin as OAuth Provider
Configure Onelogin as OAuth Provider
- Navigate to https://app.onelogin.com/login and log into your Onelogin account.
- Click on the Administration tab.
- You will be presented with following screen. Hover on Applications and then click on Applications.
- Click on Add App Button.
- You will be shown a search list. Search for “OIDC” (OpenID Connect) and click on the search result as shown below.
- You will be redirected to configuration screen. Fill the application name and other details as required, then click on Save.
- You will be redirected to the app details page. Go to Configuration tab and enter Redirect URI from MO OAuth/OpenID Connect Plugin and click on Save.
- Go to SSO tab. There you will find the Client ID and Client Secret fields.Copy these credentials in MO OAuth/OpenID Connect Plugin configuration on corresponding fields.
- Hover on the Users tab and click on the Users option from the menu.
- You will be shown the users list available on your onelogin platform. Select a user you want to give access to your application.
- Now for that user, go to the Applications tab from the left menu and click on blue + icon to add the application.
- Select the application option from the drop down list for which you want to allow SSO for that user and click on Continue.
- Complete the configurations and click on the Save button.
- The application will be listed in the user profile as shown in the image below and now this user can SSO into your Typo3 site using his OneLogin credentials for this application.
- 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 Authorize Endpoint: https://<site-url>.onelogin.com/oidc/auth Access Token Endpoint: https://<site-url>.onelogin.com/oidc/token Get User Info Endpoint: https://<site-url>.onelogin.com/oidc/me - Click on the Save button to save the settings.
- Click on the Test Configuration button.
- 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.
- 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.
- 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.
- What is Single Sign-On (SSO) Login?
- OneLogin as OAuth Provider / OpenID Connect
- OneLogin SSO Integration
- OneLogin Single Sign-On (SSO) Integration with OAuth
- What is OAuth 2.0?
- How OAuth works?
- Typo3 OAuth and OpenID Single Sign On (SSO) Plugin.
- Typo3 SAML Single Sign On (SSO) Plugin.
Step 1.1: Assign the users to OneLogin SSO Application:
You have successfully configured Onelogin as OAuth Provider for achieving Onelogin Single Sign-On (SSO) with Typo3 for user authentication.
2. Configuring Typo3 as OAuth Client
3: Attribute Mapping (Optional). *This is Premium feature.
4: Group Mapping (Optional). *This is Premium feature.
By configuring Onelogin as an OAuth Provider and Typo3 as an OAuth Client using our Typo3 OAuth Client extension, you have successfully installed Typo3 Onelogin Single Sign-On (SSO). Within minutes, you'll be able to provide safe access to your Typo3 site utilising Onelogin 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
Need Help? We are right here!
