Lerne, wie du Google Workspace SSO in wenigen Minuten mit deiner Anwendung integrierst.
Google Workspace (früher G Suite) ist eine Sammlung von Cloud-Computing-, Produktivitäts- und Kollaborationstools, die von Google entwickelt wurden. Es bietet eine Reihe von Dienstleistungen auf Unternehmensniveau, einschließlich Gmail, Docs, Drive, Kalender, Meet und mehr.
Da Google Workspace in der Unternehmenswelt weit verbreitet ist, ist es wichtig, Unternehmensnutzern die Anmeldung bei deiner Anwendung über Logto mit ihren Google Workspace-Konten zu ermöglichen, ohne ein neues Konto zu erstellen. In diesem Tutorial zeigen wir dir, wie du deine Anwendung innerhalb weniger Minuten mit Google Workspace SSO integrieren kannst.
Bevor wir beginnen, benötigst du ein Google Cloud-Konto und eine Google Workspace-Organisation. Wenn du noch keines hast, kannst du hier ein kostenloses Google Cloud-Konto erstellen.
Natürlich benötigst du auch ein Logto-Konto. Wenn du keines hast, kannst du gerne ein Logto-Konto erstellen. Logto ist für die private Nutzung kostenlos. Alle Funktionen stehen kostenlosen Entwickler-Tenants zur Verfügung, einschließlich der SSO-Funktion.
Eine gut integrierte Logto-Anwendung ist ebenfalls erforderlich. Wenn du keine hast, folge bitte der Integrationsanleitung, um eine Logto-Anwendung zu erstellen.
Bevor wir zum nächsten Schritt übergehen, müssen wir einige Informationen aus deinem Google Workspace-Konto sammeln.
Bevor du Google Workspace als Authentifizierungsanbieter verwenden kannst, musst du ein Projekt in der Google API Console einrichten, um OAuth 2.0-Berechtigungsnachweise zu erhalten. Wenn du bereits ein Projekt hast, kannst du diesen Schritt überspringen. Andernfalls erstelle ein neues Projekt unter deiner Google-Organisation.
Wenn dies das erste Mal ist, dass du Google Workspace-Authentifizierung implementierst, musst du deinen OAuth-Zustimmungsbildschirm konfigurieren, bevor du OAuth-Clientberechtigungsnachweise erstellen kannst. Klicke dazu im linken Navigationsbereich auf OAuth consent screen, um deinen OAuth-Zustimmungsbildschirm zu konfigurieren.
Wähle Internal als Benutzertyp. Dies stellt sicher, dass nur Nutzer innerhalb deiner Google Workspace-Organisation auf deine Anwendung zugreifen können.
| Feldname | Beschreibung |
|---|---|
| Anwendungsname | Der Name deiner Anwendung. Dieser Name wird auf dem Zustimmungsbildschirm angezeigt, wenn Nutzer um Erlaubnis zum Zugriff auf deine Anwendung gebeten werden. |
| Benutzer-Support-E-Mail | Die E-Mail-Adresse, unter der Benutzer Support kontaktieren können. |
| Autorisierte Domains | Die Domainnamen, die auf deine Anwendung zugreifen dürfen. Du musst hier den Domainnamen deines Logto-Tenants hinzufügen, z. B. https://${tenant_id}.logto.app. |
Klicke auf die Schaltfläche Speichern und Fortfahren, um zum nächsten Schritt zu gelangen.
openid - Dieser Bereich ist erforderlich, um die Identitätsinformationen des Nutzers abzurufen.profile - Dieser Bereich ist erforderlich, um die grundlegenden Profilinformationen des Nutzers abzurufen.email - Dieser Bereich ist erforderlich, um die E-Mail-Adresse des Nutzers abzurufen.
Klicke auf die Schaltfläche Speichern und Fortfahren, um zur Zusammenfassungsseite zu gelangen.
Anwendungstyp: Wähle Web application als Anwendungstyp aus.
Name: Der Name des OAuth-Clientberechtigungsnachweises.
Autorisierte Weiterleitungs-URIs: Der Redirect-URI wird verwendet, um den Nutzer nach Abschluss des SSO-Flows zur Logto-Anwendung weiterzuleiten. Du findest den Wert des Redirect-URI auf deiner Logto's Google Workspace SSO-Konnektor-Seite.
Autorisierte JavaScript-Ursprünge: Der Ursprung der Logto-Anwendung. Dies wird verwendet, um zu verhindern, dass der OAuth-Clientberechtigungsnachweis von anderen Anwendungen verwendet wird. Verwende den gleichen Ursprung wie den Redirect-URI.
Klicke auf die Schaltfläche Erstellen, um die Erstellung des OAuth-Clientberechtigungsnachweises abzuschließen.
logto.io als Enterprise-E-Mail-Domain angibst, werden alle Nutzer mit einer E-Mail-Adresse, die mit @logto.io endet, dazu verpflichtet, den Google Workspace SSO-Konnektor zu verwenden, um sich bei der Logto-Anwendung anzumelden.
Verwende die Live-Vorschau der Anmeldeerfahrung, um die SSO-Integration zu testen. Du findest die Live-Vorschau-Schaltfläche in der oberen rechten Ecke des Sign-in Experience preview-Abschnitts.
Eine erfolgreiche SSO-Integration leitet den Nutzer zur Google-Anmeldeseite um. Nachdem sich der Nutzer erfolgreich angemeldet hat, wird der Nutzer zurück zur Logto-Demo-App weitergeleitet.