• Startseite
• App-Integrationen
• Single Sign-On-Integrationen
• Einmalige Anmeldung bei Wix

Einmalige Anmeldung (SSO) von Wix

---

Wix bietet eine Plattform, mit der Unternehmen und Privatpersonen responsive Websites ohne technische Vorkenntnisse erstellen können. Es stellt vorgefertigte Vorlagen für verschiedene Websites bereit, die auf die Bedürfnisse der Nutzer zugeschnitten sind. Mit Wix lassen sich die meisten Aspekte der Webentwicklung und des Website-Vertriebs direkt in der Anwendung erledigen. Daher hat miniOrange eine Benutzeroberfläche für Administratoren entwickelt, um Single Sign-On (SSO) für ihre Wix-Website zu aktivieren.

Herausforderungen für Wix-Benutzer

Wix-Administratoren fordern einen kontinuierlichen und nahtlosen Zugriff ihrer Benutzer auf das Wix-Portal über vorhandene Anmeldeinformationen. Sie möchten nicht, dass ihre Benutzer über einen separaten Satz Anmeldeinformationen verfügen, um sich bei Wix und anderen Apps anzumelden. Wix bietet seinen Benutzern eine Möglichkeit, sich nahtlos bei der Plattform anzumelden. Es muss jedoch eine Schnittstelle erstellt werden, die dies ermöglicht.

miniOrange bietet SSO-Lösung für Wix

miniOrange bietet eine integrierte SSO-Lösung, mit der die bestehende Sitzung eines angemeldeten Benutzers genutzt werden kann, um sich bei Wix und anderen Websites/Apps anzumelden. Dazu wird ein gültiges JSON Web Token (JWT) erstellt . Dank dieser Wix-SSO-Lösung müssen Benutzer keine separaten Anmeldedaten mehr für alle Wix-Websites verwalten.

Folgen Sie der unten stehenden Schritt-für-Schritt-Anleitung für Wix Single Sign-On (SSO).

1. Konfigurieren Sie Wix, um SSO zu aktivieren

• Einloggen in WIX.
• Erstellen Sie eine neue Site oder verwenden Sie eine bereits vorhandene.
• Gehen Sie zum Dashboard Ihrer Website.
• Um die Wix-Mitgliederbereich-App zu Ihrer Website hinzuzufügen, gehen Sie zu App Market.



• Suchen Sie nach Wix-Mitgliederbereich.



• Öffnen Sie die Wix-Mitgliederbereich-App und klicken Sie auf Zur Website hinzufügen.



• Navigieren Sie zu Ihrem Website-Dashboard >> Registerkarte „Home“ und klicken Sie auf Website bearbeiten.



• Gehen Sie auf der Site-Bearbeitungsseite zur Registerkarte „Mein Unternehmen“ und wählen Sie „Wix-Mitgliederbereich“ aus.
• Klicken Sie auf App hinzufügen.



• Klicken Sie auf Aktivieren Sie den Dev-Modus.



• Bearbeiten Anmeldeleiste.
• Klicken Sie auf „Anmeldeleiste einrichten“ und wählen Sie „Vollständig“. Ziehen Sie dann die Anmeldeleiste und passen Sie ihre Größe entsprechend Ihren Anforderungen an.



• Klicken Sie auf Öffnen Sie masterPage.js für accountNavBar1.



• Ermöglichen versteckt für accountNavBar1 Standardwerte.



• Um die Website zu veröffentlichen, klicken Sie nun auf Veröffentlichen.



• Nach erfolgreicher Veröffentlichung wird ein Dialogfeld geöffnet. Kopieren Sie Ihren Site-Link aus diesem Dialogfeld.

2. Wix in miniOrange konfigurieren

• Einloggen um miniOrange Admin-Konsole.
• Zurück Nach Apps Klicken Sie auf Anwendung hinzufügen .



• Unter dem Wählen Sie Anwendungstyp, klicke auf JWT.



• In Registerkarte „Apps hinzufügen“ Geben Sie die Werte ein und klicken Sie auf Speichern.




Benutzerdefinierter Anwendungsname	Wählen Sie entsprechend Ihrer Wahl einen passenden Namen.
Beschreibung	Fügen Sie entsprechend Ihrer Wahl eine entsprechende Beschreibung hinzu.
Weiterleitungs-URL	Bitte fügen Sie dies ein Link im vorigen Schritt kopiert
Gruppenname	Standard
Versicherungsname	Fügen Sie den Richtliniennamen entsprechend Ihren Präferenzen hinzu.
Login-Methode	Passwort.

• Bearbeiten Sie Ihre kürzlich erstellte App, indem Sie zu Apps >> Option unter Aktions-Dropdown auswählen >> Bearbeiten.



• Kopieren Sie die Single-Sign-On-URL auf der Seite „App bearbeiten“ und klicken Sie auf Speichern.



• Um das App-Zertifikat herunterzuladen, gehen Sie zu Apps >> Option unter Aktions-Dropdown auswählen >> Zertifikat



• Laden Sie das Zertifikat herunter.

Gehen Sie zu Ihrer Wix-Site, um mit der Bearbeitung fortzufahren.

• Zurück Nach Elemente hinzufügen >> Schaltflächen.
• Wählen Sie die Schaltfläche nach Wunsch aus. Für diese Anleitung haben wir die hervorgehobene Schaltfläche verwendet.
• Ziehen Sie die Schaltfläche an die gewünschte Position.



• Wählen Sie die benutzerdefinierte hinzugefügte Schaltfläche aus und klicken Sie auf Text und Symbol ändernUnter der Option „ Was steht da? “ können Sie login.



• Klicken Sie auf Fügen Sie einen Link hinzu.
• Fügen Sie das ein Single-Sign-On-URL wir vorhin in das Feld „Wie lautet die Webadresse (URL)?“ kopiert haben.
• Klicken Sie auf Erledigt .



• Um die NPM-Pakete zu installieren, gehen Sie zu Codepaketen.
• Klicken Sie auf Pakete von npm installieren.



• Suchen Sie nach jsonwebtoken und klicken Sie auf Installieren.



• Gehen Sie nun zu den Entwicklertools und klicken Sie auf geheimer Manager.



• Öffnen Sie das zuvor heruntergeladene Zertifikat mit einem beliebigen Texteditor (z. B. Notepad) und kopieren Sie den gesamten Text unverändert.
• Klicken Sie nun im Secret Manager auf Geheimer Shop.



• Geben Sie im Namensfeld ein Öffentlicher Schlüssel.
• Fügen Sie den im vorherigen Schritt kopierten Zertifikatstext in das Wertefeld ein.
• Klicken Sie in Gespeichert.



• Gehen Sie jetzt zum Abschnitt Codepage und öffnen Sie die Datei masterPage.js.



• Laden Sie den Code herunter für masterPage.js und fügen Sie es in Wix ein.

Hinweis – Ersetzen Sie LoginButtonID durch die ID Ihrer benutzerdefinierten Anmeldeschaltfläche.

• Gehen Sie nun zum öffentlichen und Backend-Bereich und klicken Sie im Backend-Bereich auf Webmodul hinzufügen.



• Benennen Sie das Modul als backend.jsw.
• Öffnen Sie dieses backend.jsw.
• Laden Sie den Code herunter für backend.jsw und fügen Sie es in Wix ein.
• Veröffentlichen Sie Ihre Site und testen Sie sie mit den Anmeldeinformationen Ihres miniOrange-Kontos. Sie können auch Benutzer erstellen in Miniorange und testen Sie damit.

3. Konfigurieren Sie Ihr Benutzerverzeichnis

miniOrange bietet Benutzerauthentifizierung aus verschiedenen externen Quellen, darunter Verzeichnisse (wie ADFS, Microsoft Active Directory, Microsoft Entra ID, OpenLDAP, Google, AWS Cognito usw.), Identitätsanbieter (wie Okta, Shibboleth, Ping, OneLogin, Keycloak), Datenbanken (wie MySQL, MariaDB, PostgreSQL) und viele mehr . Sie können Ihr bestehendes Verzeichnis/Ihren Benutzerspeicher konfigurieren oder Benutzer in miniOrange hinzufügen.

• Richten Sie miniOrange als IDP ein
• AD als Benutzerverzeichnis einrichten
• Externen IDP einrichten

• Um Ihre Benutzer in miniOrange hinzuzufügen, gibt es zwei Möglichkeiten:

1. Benutzer in miniOrange erstellen

2. Massen-Upload von Benutzern

1. Benutzer in miniOrange erstellen

• Klicken Sie auf Benutzer >> Benutzerliste >> Benutzer hinzufügen.



• Füllen Sie hier die Benutzerdaten ohne Passwort aus und klicken Sie anschließend auf Benutzer erstellen .



• Nach erfolgreicher Benutzererstellung wird eine Benachrichtigungsmeldung angezeigt „Ein Endbenutzer wurde erfolgreich hinzugefügt“ wird oben im Dashboard angezeigt.



• Klicken Sie auf Registerkarte „Onboarding-Status“. Überprüfen Sie die E-Mail mit der registrierten E-Mail-ID und wählen Sie Aktion Aktivierungsmail mit Link zum Zurücksetzen des Passworts senden ab Aktion auswählen Dropdown-Liste und klicken Sie dann auf Tragen Sie .



• Öffnen Sie nun Ihre E-Mail-ID. Öffnen Sie die E-Mail, die Sie von miniOrange erhalten haben, und klicken Sie dann auf Link um Ihr Kontopasswort festzulegen.
• Geben Sie auf dem nächsten Bildschirm das Passwort ein und bestätigen Sie das Passwort. Klicken Sie dann auf Single Sign-On (SSO) Kennwort zurücksetzen .



• Jetzt können Sie sich durch Eingabe Ihrer Anmeldeinformationen beim MiniOrange-Konto anmelden.

2. Massenupload von Benutzern in miniOrange durch Hochladen einer CSV-Datei.

• Navigieren Benutzer >> Benutzerliste. Klicken Sie auf Benutzer hinzufügen .



• Massenregistrierung von Benutzern Beispiel-CSV-Format herunterladen von unserer Konsole aus und bearbeiten Sie diese CSV-Datei gemäß den Anweisungen.



• Um Benutzer in großen Mengen hochzuladen, wählen Sie die Datei aus und stellen Sie sicher, dass sie in Komma-getrenntes CSV-Dateiformat Klicken Sie dann auf Hochladen.



• Nach dem erfolgreichen Hochladen der CSV-Datei wird Ihnen eine Erfolgsmeldung mit einem Link angezeigt.
• Klicken Sie auf diesen Link. Sie sehen eine Liste der Benutzer, denen eine Aktivierungsmail gesendet werden soll. Wählen Sie Benutzer aus, denen eine Aktivierungsmail gesendet werden soll, und klicken Sie auf „Aktivierungsmail senden“. Eine Aktivierungsmail wird an die ausgewählten Benutzer gesendet.

• Klicken Sie auf Identitätsanbieter >> Identitätsanbieter hinzufügen im linken Menü des Dashboards.



• Wählen Sie unter „Identitätsanbieter auswählen“ AD/LDAP-Verzeichnisse aus dem Dropdown.



• Dann suchen Sie nach AD/LDAP und klicke es an.



• LDAP-KONFIGURATION IN MINIORANGE SPEICHERN: Wählen Sie diese Option, wenn Sie Ihre Konfiguration in miniOrange behalten möchten. Befindet sich das Active Directory hinter einer Firewall, müssen Sie die Firewall öffnen, um eingehende Anfragen an Ihr AD zuzulassen.
• SPEICHERN SIE DIE LDAP-KONFIGURATION VOR ORT: Wählen Sie diese Option, wenn Sie Ihre Konfiguration in Ihrem Gebäude behalten und nur den Zugriff auf AD innerhalb des Gebäudes zulassen möchten. Sie müssen herunterladen und installieren miniOrange-Gateway auf Ihrem Gelände.




• Geben Sie LDAP ein Display Name und Identifizieren Namen.
• Auswählen Verzeichnistyp as Active Directory.
• Geben Sie die LDAP-Server-URL oder IP-Adresse für das LDAP ein Server-URL Feld.
• Klicken Sie auf Verbindung testen Klicken Sie auf die Schaltfläche, um zu überprüfen, ob die Verbindung mit Ihrem LDAP-Server.



• Gehen Sie in Active Directory zu den Eigenschaften von Benutzercontainern/OUs und suchen Sie nach dem Distinguished Name-AttributDas Bind-Konto sollte über die erforderlichen Mindestleseberechtigungen in Active Directory verfügen, um Verzeichnissuchen zu ermöglichen. Wenn der Anwendungsfall die Bereitstellung umfasst (z. B. Erstellen, Aktualisieren oder Löschen von Benutzern oder Gruppen), muss dem Konto auch die entsprechenden Schreibberechtigungen erteilt werden.



• Geben Sie das gültige Kennwort für das Bind-Konto ein.
• Klicken Sie auf Testen der Anmeldeinformationen für das Bind-Konto Schaltfläche, um Ihre LDAP-Bind-Anmeldeinformationen für die LDAP-Verbindung zu überprüfen.



• Suchbasis ist die Stelle im Verzeichnis, an der die Suche nach einem Benutzer beginnt. Sie erhalten diese von derselben Stelle, an der Sie Ihren Distinguished Name haben.



• Wählen Sie einen geeigneten Suchfilter aus dem Dropdown-Menü. Wenn Sie Benutzer im Einzelgruppenfilter or Benutzer im Mehrfachgruppenfilter, ersetze dasGruppen-DN> im Suchfilter mit dem Distinguished Name der Gruppe, in der Ihre Benutzer vorhanden sind. Um benutzerdefinierte Suchfilter zu verwenden, wählen Sie „Schreiben Sie Ihren benutzerdefinierten Filter“ Option und passen Sie sie entsprechend an.



• Klicken Sie auf Weiter oder gehen Sie zum Anmeldeoptionen Tab.
• Sie können beim Einrichten von AD auch folgende Optionen konfigurieren. Aktivieren Aktivieren Sie LDAP um Benutzer von AD/LDAP zu authentifizieren. Klicken Sie auf das Weiter Schaltfläche, um einen Benutzerspeicher hinzuzufügen.




Hier ist die Liste der Attribute und was sie bewirken, wenn wir sie aktivieren. Sie können sie entsprechend aktivieren/deaktivieren.

Attribut	Beschreibung
Aktivieren Sie LDAP	Alle Benutzerauthentifizierungen werden mit LDAP-Anmeldeinformationen durchgeführt, wenn Sie es aktivieren
Fallback-Authentifizierung	Wenn die LDAP-Anmeldeinformationen fehlschlagen, wird der Benutzer über miniOrange authentifiziert.
Administratoranmeldung aktivieren	Wenn Sie dies aktivieren, wird Ihr miniOrange Administrator-Login über Ihren LDAP-Server authentifiziert.
Benutzern IdP anzeigen	Wenn Sie diese Option aktivieren, ist dieser IdP für Benutzer sichtbar
Benutzer in miniOrange synchronisieren	Benutzer werden in miniOrange nach der Authentifizierung mit LDAP erstellt

• Klicken Sie auf Weiter oder gehen Sie zum Attribute Tab.

Attributzuordnung aus AD

• Standardmäßig sind Benutzername, Vorname, Nachname und E-Mail konfiguriert. Scrollen Sie nach unten und klicken Sie auf Gespeichert Schaltfläche. Um zusätzliche Attribute aus Active Directory abzurufen, aktivieren Sie Konfigurierte Attribute sendenGeben Sie links den Namen ein, den Sie für die Anwendungen freigeben möchten. Geben Sie rechts den Attributnamen aus Active Directory ein. Wenn Sie beispielsweise ein Firmenattribut aus Active Directory abrufen und als Organisation an konfigurierte Anwendungen senden möchten, geben Sie Folgendes ein:

  An SP gesendeter Attributname = Organisation
  Attributname vom IDP = Unternehmen






• Klicken Sie auf Weiter oder gehen Sie zum Provisioning Tab.

Benutzerimport und Provisionierung aus AD

• Wenn Sie die Bereitstellung einrichten möchten, hier klicken für detaillierte Informationen. Wir werden diesen Schritt vorerst überspringen.

Kennwortrichtlinie aus AD importieren

• Wenn Sie Ihre Active Directory-Kennwortrichtlinie in miniOrange importieren möchten, hier klicken für detaillierte Informationen. Wir werden diesen Schritt vorerst überspringen.

Testverbindungen

• Sie sehen eine Liste der Verzeichnisse unter Identitätsanbieter. Wählen Sie im Dropdown-Menü aus AD/LDAP-Verzeichnisse, suchen Sie nach Ihrem konfigurierten Verzeichnis, klicken Sie auf die drei Punkte daneben und wählen Sie Verbindung testen.



• Es wird ein Popup-Fenster angezeigt, in dem Sie aufgefordert werden, einen Benutzernamen und ein Kennwort einzugeben, um Ihre LDAP-Konfiguration zu überprüfen.



• On Erfolgreich Bei der Verbindung mit dem LDAP-Server wird eine Erfolgsmeldung angezeigt.

Testen Sie die Attributzuordnung

• Sie sehen eine Liste der Verzeichnisse unter Identitätsanbieter. Wählen Sie im Dropdown-Menü aus AD/LDAP-Verzeichnisse, suchen Sie nach Ihrem konfigurierten Verzeichnis, klicken Sie auf die drei Punkte daneben und wählen Sie Testen Sie die Attributzuordnung.



• Ein Popup wird angezeigt, in dem Sie einen Benutzernamen eingeben und auf klicken können. Test.



• Das Ergebnis der Testattributzuordnung wird angezeigt.

Die Konfiguration „AD als externes Verzeichnis einrichten“ ist abgeschlossen.

Hinweis: In unserer Anleitung erfahren Sie , wie Sie LDAP auf einem Windows-Server einrichten.

miniOrange lässt sich in verschiedene externe Benutzerquellen wie Verzeichnisse, Identitätsanbieter usw. integrieren.

• Okta
• ADFS
• Pingen
• AWS Cognito
• Viel mehr

Sie können Ihren IdP nicht finden oder benötigen Hilfe bei der Einrichtung?

Kontaktieren Sie uns oder senden Sie uns eine E-Mail an idpsupport@xecurify.com , und wir helfen Ihnen umgehend bei der Einrichtung.

4. SSO-Konfiguration testen

• miniOrange als IDP
• Externer IDP

Verwenden der SP-initiierten Anmeldung

• Nehmen wir an, Sie haben konfiguriert miniOrange als Ihr Benutzerspeicher.
• Beim Zugriff auf die Single Sign-On-URL wie in der erwähnt zweite Schritt: Sie werden nach den Anmeldeinformationen für miniOrange gefragt.



• Wenn Sie die gültigen Anmeldeinformationen eingeben, werden Sie erfolgreich bei Wix angemeldet.

Verwenden der IDP-initiierten Anmeldung

• Melden Sie sich mit Ihren Anmeldeinformationen bei miniOrange IdP an.
• Klicken Sie im Endbenutzer-Dashboard auf das Wix Anwendung konfiguriert, um den SSO-Flow zu testen.



• Sie werden erfolgreich bei der Wix-Site angemeldet.

Verwenden der SP-initiierten Anmeldung

• Nehmen wir an, Sie haben konfiguriert Okta als IDP.
• Beim Zugriff auf die Single Sign-On-URL wie in der erwähnt zweite Schritt werden Sie aufgefordert, Ihre Okta-Anmeldeinformationen einzugeben.



• Wenn Sie die gültigen Anmeldeinformationen eingeben, werden Sie erfolgreich bei der Wix-Site angemeldet.

Verwenden der IDP-initiierten Anmeldung

• Melden Sie sich mit Ihren Anmeldeinformationen bei Okta an.
• Klicken Sie auf Administrator , um auf die Admin-Konsole zuzugreifen, und klicken Sie dann auf Anwendungen.
• Klicken Sie auf Anwendung hinzufügen und suchen Sie nach "Bookmark App", und klicken Sie auf Speichern im linken Bereich.
• Wählen Sie einen beliebigen App-Namen als Anzeigename.
• Geben Sie im Abschnitt URL die SSO-URL das wird in der JWT-App angegeben.



• Klicken Sie auf Gespeichert.
• Klicken Sie im Endbenutzer-Dashboard auf das Wix Lesezeichenanwendung konfiguriert, um den SSO-Flow zu testen.



• Sie werden erfolgreich bei Wix angemeldet.

Externe Referenzen

• Erfahren Sie mehr über die Social Login Solution
• Was ist Customer Identity and Access Management (CIAM)?
• Erfahren Sie, wie Sie eine MFA-Lösung für Wix einrichten

Häufig gestellte Fragen