Typo3 Connect

OIDC for Typo3

In this section, you will find steps to configure an extension to cidaas from Typo3 using latter's openID connect extension.

If you are in this section, we assume you are already using Typo3, and would like to connect cidaas with your Typo3 instance! If you don't have Typo3 installed, follow Typo3 installation steps which we explained in the later sections of this tutorial.

Overall process would be

  • Configuring Typo3's Openid connect extension
  • Create login page and user page (if not present)
  • Configuring login page
  • Verify your Configuration

How to configure cidaas as an extension

By configuring cidaas as an extension for Typo3, cidaas users can login with their credentials.

We will guide you through the process — it is quite easy!

Configuring OpenID Extention

1. Open Typo3 on your local machine.

2. Select Extensions option under Admin Tools menu.

3. Search for OpenID connect extension.

4. Download OpenID connect extension.

5. Navigate to home page and select Templates section in the left menu. Select Includes tab. Choose OpenID Connect and OpenID Connect for felogin templates by searching it in Available items.

Now OpenID Connect and OpenID Connect for felogin templates will appear under Selected items.

Configure Login Page

If you already have a login page, you can configure your login page with cidaas endpoints using OIDC plugin in Typo3 extension repository. If you don't have a login page created, refer to login page creation section which is mentioned later on.

1. Select your login page to add content. Then click on Add content button.

2. Select General Plugin option available under Plugins tab.

3. Select OIDC Login option from Selected Plugin dropdown, available under Plugin tab and then select storage location.

If you don't have any user storage location listed here, you can create it by referring to user page creation section below.

4. Navigate to home page and select Extensions from the side menu. Choose oidc extension from the list and click on Configure button.

5. Fill all the required details here. Get client id, client secret and scopes from cidaas and enter here.

To know more about cidaas app creation refer to steps to create cidaas application section below.

6. Scroll down and fill cidass endpoint details.

We are now done with the setup, and you can verify your configuration.

Verifying Configuration

Once you navigate to the designed login page, cidaas users can login with their credentials.

1. Run your Typo3 application.

2. Designed home page with Login button will appear.

3. Now you will be redirected to the cidaas login page. Here you can use your cidaas credentials to login.


Steps to create login page

1. Navigate to root page of your typo3 project and Right click on root page, then select More options from the menu, and then select Create new wizard option from the submenu.

2. Select the position where the page needs to be created.

3. Give a suitable title and click on save button.

Steps to create users page

Following these steps helps to create user storage location in your Typo3 account.

1. Navigate to root page of your typo3 project and Right click on root page, then select More options from the menu, and then select Create new wizard option from the submenu.

2. Select the position where the page needs to be created.

3. Select page Type as Folder, enter title as Users and click on save.

4. Now click on the newly created Users folder.
Click on Add button.

5. Select Website Usergroup.

6. Enter suitable name for usergroup and click on save button.

Steps to create cidaas app

In order to get client ID and Client Secret, you need to cretae an "App" in cidaas. This section provides steps to create "App" using cidaas administration interface, which is available after you sign up with cidaas.

1. Navigate to cidaas Administrator dashboard -> Apps -> App Settings.

2. Click on Create New App button.

3. Enter app name and then select App type as per your requirement.

4. Under App Settings, select 'email', 'openid', 'profile' as Scopes.

5. Fill out all required information and click on Save button.

Install Typo3

All earlier documentation was assuming that you are familiar with Typo3 and trying to configure extension to connect with cidaas. In case, you don't already have Typo3 installed, follow these steps:

1. Download Typo3 from https://get.typo3.org/

2. Various typo3 versions will be listed here. Select the needed Typo3 version as per your requirements.

3. You can install Typo3 by following the installation steps provided in the Typo3 portal. [Refer Installation steps here.]




results matching ""

    No results matching ""