Inhalte

Office 365 Single Sign-On (SSO) TYPO3 OAuth & OpenID | TYPO3 Office 365 SSO

Integration von Office 365 Anmeldung (Office 365 OAuth Single Sign-On) mit Typo3 unter Verwendung des OAuth 2.0-Protokolls.
Die Typo3 OAuth / OpenID Connect Single Sign-On (SSO)-Erweiterung ermöglicht die einfache Verwendung von OAuth2 zum Einrichten der Office 365-Anmeldung auf Typo3 (Office 365 Single Sign On).

Die Erweiterung kann über andere Social-Media-Quellen sowie benutzerdefinierte OAuth- und OIDC-Anbieter eingerichtet werden. Es enthält viele Single Sign-On (SSO)-Funktionen, wie z. B. Attributzuordnung für Benutzerprofile, Rollenzuordnung und so weiter. In dieser Anleitung gehen wir darauf ein, wie man SSO zwischen Typo3 und Office 365 einrichtet. Am Ende dieses Artikels sollten sich Benutzer über Office 3 bei Typo365 anmelden können. Hier geht es weiter. Erfahren Sie mehr über die zusätzlichen Funktionen der Typo3 OAuth Single Sign-On-Erweiterung (OAuth & OpenID Connect Client).

Die Typo3 OAuth & OpenID Connect Single Sign-On (SSO)-Erweiterung ermöglicht die sichere Anmeldung bei Typo3 mit Office 365 als OAuth- und OpenID Connect-Anbieter. Sie können auch alternative OAuth-Anbieter wie Azure B2C, Office 365 und andere benutzerdefinierte Anbieter verwenden, um das Plugin zu konfigurieren. Erweiterte Single-Sign-On-Funktionen wie Benutzerprofil-Attributzuordnung, Rollenzuordnung usw. werden unterstützt. In diesem Artikel erfahren Sie, wie Sie SSO zwischen Typo3 und Office 365 einrichten. Am Ende dieses Handbuchs sollten Benutzer in der Lage sein, sich über Office 3 bei Typo365 anzumelden.

Hier geht es weiter. Erfahren Sie mehr über andere Funktionen, die wir in der Erweiterung Typo3 OAuth Single Sign-On (OAuth & OpenID Connect SSO) bereitstellen

Voraussetzungen: Download und Installation

Installation des OAuth-Clients / der OpenID Connect-Erweiterung in TYPO3

Verwenden von Composer
Manuelle Installation

Verwenden Sie den folgenden Befehl, um die Erweiterung mit Composer zu installieren:
composer req miniorange/miniorange_oidc
Suchen Sie nun nach der „miniOrange OpenIDConnect“ im Abschnitt „Installierte Erweiterungen“ und aktivieren Sie die Erweiterung, indem Sie auf die Schaltfläche „Aktivieren“ klicken.
Klicken Sie nach der Installation auf die neu installierte Erweiterung „miniOrange OpenIDConnect“ für TYPO3 SSO und melden Sie sich mit Ihren registrierten miniOrange-Zugangsdaten an.

Typo3 miniorange OpenIDCconnect-Einstellungen

Nach der Eingabe von Benutzername und Passwort benötigen Sie als Premium-Kunde einen Lizenzschlüssel, um fortfahren zu können. (Diesen Schlüssel erhalten Sie vom miniOrange-Team. Nach Eingabe des Lizenzschlüssels können Sie die Lizenz aktivieren und fortfahren.)

Wenn Sie kein Premium-Kunde sind, können Sie sich nahtlos anmelden, indem Sie miniOrange-Anmeldeinformationen einreichen.
Nach erfolgreicher Anmeldung können Sie die Details zu Ihrem Konto einsehen.

Details zum Typo3 OAuth Single Sign-On-Konto

Jetzt können Sie Ihren IdP konfigurieren. Es ist jedoch wichtig, zuerst das Frontend zu integrieren.

Laden Sie die ZIP-Datei der OAuth-/OIDC-Erweiterung vom TYPO3-Marktplatz herunter
Gehen Sie zu Ihrem TYPO3-Backend und klicken Sie auf der linken Seite Ihres Bildschirms auf den Abschnitt „Erweiterungen“.
Laden Sie die ZIP-Datei hoch, wie im Bild unten dargestellt.

Suchen Sie nun nach der „miniOrange OpenIDConnect“ im Abschnitt „Installierte Erweiterungen“ und aktivieren Sie die Erweiterung, indem Sie auf die Schaltfläche „Aktivieren“ klicken.
Klicken Sie nach der Installation auf die neu installierte Erweiterung „miniOrange OpenIDConnect“ für TYPO3 SSO und melden Sie sich mit Ihren registrierten miniOrange-Zugangsdaten an.

Nach der Eingabe von Benutzername und Passwort benötigen Sie als Premium-Kunde einen Lizenzschlüssel, um fortfahren zu können. (Diesen Schlüssel erhalten Sie vom miniOrange-Team. Nach Eingabe des Lizenzschlüssels können Sie die Lizenz aktivieren und fortfahren.)

Wenn Sie kein Premium-Kunde sind, können Sie sich direkt anmelden und Ihre miniOrange-Anmeldeinformationen eingeben.
Nach erfolgreicher Anmeldung können Sie die Details zu Ihrem Konto einsehen.
Jetzt können Sie Ihren IdP konfigurieren. Es ist jedoch wichtig, zuerst das Frontend zu integrieren.

Erweiterung mit TYPO3 integrieren

Klicken Sie auf Seiten aus der linken Navigation.
Dann müssen Sie einen Ordner erstellen, um die Frontend-Benutzer darin zu speichern, indem Sie mit der rechten Maustaste darauf klicken Startseite Seite und wählen Sie Neue Unterseite.

Auswählen Mappe Geben Sie den Typ aus dem Dropdown-Menü ein.

Typo3 OAuth openid SSO Frontend erstellen

Benennen Sie den Ordner als Website-Benutzer und klicken Sie auf Speichern.

Typo3 OAuth Single Sign-On Frontend erstellen

Gehen Sie zur Registerkarte „Verhalten“ und fügen Sie hinzu Website-Benutzer darin.

Typo3 OAuth SSO fügt Website-Benutzer hinzu

Wenn im erstellten Ordner ein roter Bindestrich angezeigt wird, bedeutet dies, dass der Ordner nicht aktiviert ist. Sie können es dann aktivieren, indem Sie mit der rechten Maustaste auf den Ordner klicken und auf klicken Ermöglichen.
Sie müssen zwei hinzufügen STANDARD Seiten innerhalb der HOME Seite. Wenn Sie das Premium-Plugin verwenden, können Sie drei Seiten erstellen.
Hier betrachten wir Seitennamen als: FEOIDC, ANTWORT, AUSLOGGEN (Die Abmeldung ist für Premium-Kunden optional.)
So erstellen Sie ein FEOIDC Seite, klicken Sie mit der rechten Maustaste auf Startseite Seite dann auswählen Neue Unterseite und wählen Sie STANDARD Geben Sie aus der Dropdown-Liste ein.

Seitentitel hinzufügen als FEOIDC und klicken auf Speichern.

Klicken Sie dann erneut auf FEOIDC-Seite und klicken Sie auf Inhalte hinzufügen. Gehen Sie zu Plugins und fügen Sie hinzu FEOIDC-Plugin und klicken Sie auf Speichern.

Typo3 OAuth Single Sign-On-Plugin auswählen

Navigieren Sie zur Registerkarte „Plugin“ und wählen Sie das FEOIDC-Plugin aus.

Fügen Sie Website-Benutzer hinzu Seite „Datensatzspeicherung“. und speichern Sie die Einstellungen.

Sie können die Freigabe FEOIDC Klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie sie aus Ermöglichen .

Wenn Sie Änderungen im URL-Segment vornehmen müssen, das auch Ihre anfängliche SSO-URL sein wird, klicken Sie mit der rechten Maustaste auf die FEOIDC-Seite, wählen Sie „Bearbeiten“ und klicken Sie auf die Schaltfläche „URL umschalten“, um die URL nach Ihren Wünschen festzulegen.
Befolgen Sie die gleichen Schritte, um Standardseiten von Response zu erstellen und zu konfigurieren.
Stellen Sie sicher, dass Sie das Antwort-Plugin für die Antwortseite auswählen.
Halten Sie die FEOIDC und RESPONSE Seiten-URLs sind praktisch, da Sie sie beim Konfigurieren der OAuth/OpenID Connect-Erweiterung benötigen.

Schritte zum Konfigurieren von Office 365 OAuth und OpenID Single Sign-On (SSO) Anmeldung bei Typo3

1. Richten Sie Office 365 als OAuth-Anbieter ein

Führen Sie die folgenden Schritte aus, um Office 365 als OAuth-Anbieter zu konfigurieren

Konfigurieren Sie Office 365 als OAuth-Anbieter

Anmelden bei Azure-Portal.
Klicken Sie auf App-Dienste und geh zu Verwalten Sie Azure Active Directory.

Sicherer Zugriff mit Office 365 Single Sign-On (SSO)-Home-Microsoft-Azure

Klicken Sie im linken Navigationsbereich auf App-Registrierungen Dienst aus und klicken Sie auf Neue Registrierung.

Azure AD Single Sign-On (SSO) – App-Registrierung

Wenn die Seite „Erstellen“ angezeigt wird, geben Sie die Registrierungsinformationen Ihrer Anwendung ein. (Siehe Tabelle unten)

Name:	Name Ihrer Bewerbung.
Anwendungstyp :	Auswählen „Web-App/API“ für Client-Anwendungen und Ressourcen-/API-Anwendungen die auf einem sicheren Server installiert sind. Diese Einstellung wird für OAuth vertraulich verwendet Web-Clients und öffentlich User-Agent-basierte Clients. Dieselbe Anwendung kann auch sowohl einen Client als auch eine Ressource/API verfügbar machen.
Anmelde-URL:	Geben Sie für „Web-App/API“-Anwendungen die Basis-URL Ihrer App an. z. B. https:// könnte die URL für eine Web-App sein, die auf Ihrem lokalen Computer ausgeführt wird. Benutzer würden diese URL verwenden, um sich bei einer Web-Client-Anwendung anzumelden.

Wenn Sie fertig sind, klicken Sie auf Registrieren.

Azure AD Single Sign-On (SSO) – Übersicht

Ihrer Anwendung wird von Azure AD eine eindeutige Anwendungs-ID zugewiesen. Behalte das Anwendungs-ID und die Verzeichnis-ID praktisch, sie werden Ihnen gehören Client-ID und Mandanten-ID, die später zur Konfiguration des miniOrange Typo3 OAuth-Clients benötigt wird.

Sicherer Zugriff mit der Office 365 Single Sign-On (SSO)-Registrierungs-App

Gehen Sie zu API-Berechtigungen aus dem linken Navigationsbereich und klicken Sie auf Berechtigungen hinzufügen. Dann wählen Sie Office 365.

Sicherer Zugriff mit Office 365 Single Sign-On (SSO) – Übersicht

Wählen Sie Berechtigungen aus und klicken Sie auf Berechtigungen hinzufügen .

Sicherer Zugriff mit Office 365 Single Sign-On (SSO) – API-Berechtigungen anfordern

Gehen Sie zu Zertifikate und Geheimnisse aus dem linken Navigationsbereich und klicken Sie auf Neues Kundengeheimnis. Geben Sie eine Beschreibung und eine Ablaufzeit ein und klicken Sie auf ADD .

Azure AD Single Sign-On (SSO) – geheimer Schlüssel

Kopieren Sie den geheimen Schlüssel "Wert" Halten Sie den Wert bereit, der später für die Konfiguration benötigt wird Kundengeheimnis unter dem miniOrange Typo3 OAuth Client.

Azure AD Single Sign-On (SSO) – Secret-Key-2

Sie haben Ihre Office 365-Nebenkonfigurationen erfolgreich abgeschlossen.

2. Typo3 als OAuth-Client konfigurieren

Geben Sie nach erfolgreicher Konfiguration des OAuth-Anbieters Folgendes ein Name des OAuth-Anbieters, Kunden-ID, Kundengeheimnis, Geltungsbereich und bereitgestellte Endpunkte.
Klicken Sie auf Speichern Schaltfläche, um die Einstellungen zu speichern.

Typo3 SSO OAuth 2.0 SSO-Anmeldeinformationen Office 365 SSO

Klicken Sie auf Testkonfiguration .

Typo3 OAuth-Anmeldeinformationen Office 365 SSO OAuth | Typo3 O365 SSO

Sie sehen alle von Ihrem OAuth-Provider an Typo3 zurückgegebenen Werte in einer Tabelle. Wenn für „Vorname“, „Nachname“, „E-Mail“ oder „Benutzername“ kein Wert angezeigt wird, nehmen Sie die erforderlichen Einstellungen in Ihrem OAuth-Anbieter vor, um diese Informationen zurückzugeben.
Sie haben Ihr Typo3 erfolgreich als OAuth-Client konfiguriert. Jetzt können Sie Ihre benutzerdefinierte SSO-Schaltfläche auf Ihrer Typo3-Frontend-Site erstellen und die FEOIDC-Seiten-URL darin einbetten, um die SSO zu initiieren.

3: Attributzuordnung (optional). *Dies ist eine Premium-Funktion.

Sie können Attribute auf der Registerkarte „Attributzuordnung“ zuordnen. In der kostenlosen Version der Erweiterung dürfen nur Benutzername und E-Mail zugeordnet werden. In der Premium-Version der Erweiterung können Sie jedoch verschiedene Attribute, die von Ihrem OAuth-Anbieter stammen, den auf Ihrer Typo3-Site vorhandenen Attributen zuordnen.

4: Gruppenzuordnung (optional). *Dies ist eine Premium-Funktion.

Sie können in der kostenlosen Erweiterung eine Standardrolle angeben, die allen Nicht-Administratorbenutzern zugewiesen wird, wenn sie SSO durchführen.
Gehen Sie zur Registerkarte „Gruppenzuordnung“ und navigieren Sie zum Abschnitt „Gruppenzuordnung“.
Wählen Sie die Standardrolle aus und klicken Sie auf die Schaltfläche Speichern.

Office 365 Typo3 SSO – Office 365 Single Sign-On (SSO) Anmeldung in Typo3 – Rollenzuordnung

Durch die Konfiguration Office 365 als OAuth-Anbieter und Typo3 als OAuth-Client Mit unserer Typo3 OAuth Client-Erweiterung haben Sie Typo3 Office 365 Single Sign-On (SSO) erfolgreich installiert. Dank dieser Lösung können Sie innerhalb weniger Minuten mit Ihren Office 3-Anmeldeinformationen sicheren Zugriff auf Ihre Typo365-Site gewähren.

Weitere Informationen

Wenn Sie etwas suchen, das Sie nicht finden können, schreiben Sie uns bitte eine E-Mail an info@xecurify.com

Office 365 Single Sign-On (SSO) TYPO3 OAuth & OpenID | TYPO3 Office 365 SSO

Inhalte

Office 365 Single Sign-On (SSO) TYPO3 OAuth & OpenID | TYPO3 Office 365 SSO

Voraussetzungen: Download und Installation