Webflow fournit une plate-forme qui permet aux entreprises ou aux particuliers de créer des sites Web réactifs sans aucune expertise technique. Il fournit les modèles pré-édités de différents sites selon les besoins des utilisateurs. Webflow permet aux utilisateurs d'accomplir la plupart des aspects du développement Web et de la distribution de sites Web entièrement au sein de l'application, alors préparez-vous à utiliser la solution Webflow Single Sign-On (SSO).
SSO Webflow La solution de miniOrange vous offre un service d'authentification unique prêt à l'emploi qui permet aux utilisateurs de se connecter en toute sécurité à Webflow et à d'autres applications intégrées à l'aide d'un ensemble unique d'informations de connexion. Vous pouvez facilement vous connecter avec n'importe lequel de vos IDP (Okta, Ping, etc.), Le tiering Active Directory et LDAP sans migrer vos utilisateurs. L'intégration Webflow SSO permet à votre organisation d'économiser du temps et des efforts en améliorant la sécurité de vos données présentes dans le cloud ou sur site. Vous n'avez besoin d'aucun forfait d'entreprise ou fonctionnalité premium pour activer SSO pour Webflow. Obtenez une sécurité en un clic Accès SSO avec miniOrange IAM prestations de service.
Défi rencontré par les utilisateurs de Webflow
Les utilisateurs de Webflow souhaitent un accès continu et transparent à leur portail Webflow via leurs comptes existants. Ils ne souhaitent pas que leurs utilisateurs disposent d'un ensemble d'informations d'identification distinct pour se connecter à Webflow. Webflow offre à ses utilisateurs un moyen de permettre à leurs utilisateurs de se connecter à la plateforme de manière transparente. Mais il faut créer une interface qui permettrait cela.
Solution SSO pour Webflow
miniOrange propose une solution d'authentification unique (SSO) intégrée permettant d'utiliser la session existante d'un utilisateur connecté pour l'authentifier sur Webflow grâce à la création d'un jeton Web JSON (JWT) valide . L'utilisateur Webflow n'a ainsi plus besoin de gérer des identifiants distincts pour chaque utilisateur.
Par conséquent, la solution d'authentification unique (SSO) miniOrange a été mise en place. Les utilisateurs de Webflow peuvent désormais se connecter à la plateforme Webflow à l'aide de leurs identifiants existants.
Guide de configuration vidéo
Pré-requis :
Veuillez vous assurer que l'image de marque de votre organisation est déjà définie dans la section Personnalisation >> Image de marque de connexion et d'inscription du menu de gauche du tableau de bord.
Connectez-vous avec une source externe d'utilisateurs
Suivez le guide étape par étape ci-dessous pour Webflow Single Sign-On (SSO)
1. Configurer Webflow dans miniOrange :
Connectez-vous à la console d'administration miniOrange.
Allez dans Apps et cliquez sur Ajouter une application .
In Choisissez l'application, Sélectionner JWT à partir de la liste déroulante du type d’application.
À l'étape suivante, recherchez Webflow application de la liste. Si votre candidature n'est pas trouvée, recherchez Application JWT et vous pouvez configurer votre application.
Vous pouvez configurer les détails suivants dans l'application :
Nom du profil
Entrer le Nom du profil (c'est-à-dire le nom de cette application)
URL de redirection
Entrer le URL de redirection (c'est-à-dire le point de terminaison où vous souhaitez envoyer/publier votre jeton JWT). Vous pouvez ajouter plusieurs URL de redirection en les séparant par un « ; ». Par exemple : abc.com;xyz.com
identité du client
Le identité du client est affiché dans le champ ci-dessous. Cliquez sur l'icône du presse-papiers pour le copier.
Secret client
Secret client est masqué par défaut. Cliquez sur l'icône en forme d'œil pour l'afficher et utilisez l'icône du presse-papiers pour le copier. Ce paramètre est utilisé dans l'algorithme de signature HS256 pour générer la signature.
Description (facultatif)
Ajoutez une description si nécessaire.
Cliquez à nouveau Enregistrer.
Vous allez être redirigé vers Politiques .
Cliquez sur le Attribuer un groupe bouton. Un nouveau Configurer l'affectation de groupe La fenêtre modale s'ouvrira.
Groupe d'affectation : Sélectionnez les groupes que vous souhaitez associer à l'application. Vous pouvez sélectionner jusqu'à 20 groupes à la fois.
Si vous devez créer un nouveau groupe, cliquez sur Ajouter un nouveau groupe .
Saisissez le nom du groupe et cliquez sur Créer un groupe.
Cliquez sur Suivant.
Attribuer des politiques : Ajoutez les politiques requises aux groupes sélectionnés. Saisissez les informations suivantes :
Premier facteur : Sélectionnez la méthode de connexion dans le menu déroulant.
Si vous sélectionnez Mot de passe comme méthode de connexion, vous pouvez activer Authentification à deux facteurs (MFA) et Authentification adaptative, si besoin.
Si vous sélectionnez Sans mot de passe comme méthode de connexion, vous pouvez activer Authentification à deux facteurs (MFA) si besoin.
Si vous sélectionnez Lien magique Les options suivantes apparaissent comme méthode de connexion :
Autoriser la connexion depuis d'autres adresses IP : Une fois activée, cette option permet aux utilisateurs d'ouvrir le lien magique depuis une adresse IP différente de celle à partir de laquelle la demande a été effectuée.
Autoriser la connexion depuis d'autres appareils : Une fois activée, cette option permet aux utilisateurs d'ouvrir le Magic Link sur un appareil différent de celui utilisé pour le demander.
Cliquez sur EnregistrerDes politiques seront élaborées pour tous les groupes sélectionnés.
Vous verrez la politique répertoriée une fois qu'elle aura été ajoutée avec succès.
Cliquez sur Avancé languette.
Saisissez les informations suivantes si nécessaire :
Jeton d'accès
Saisissez le jeton d'accès qui sera envoyé à votre URL de redirection après la connexion d'un utilisateur. Ce jeton permet à votre application de savoir que l'utilisateur est autorisé à accéder à certaines fonctionnalités.
Expiration du jeton d'identification (en minutes)
Définissez la durée de validité (en minutes) du jeton d'identification. Passé ce délai, l'utilisateur devra se reconnecter pour obtenir un nouveau jeton.
Sujet
Choisissez les informations, comme l'adresse e-mail de l'utilisateur, qui seront utilisées pour l'identifier dans le jeton. Cela permet à votre application de savoir quel utilisateur est connecté.
Algorithme de signature
Sélectionnez votre algorithme de signature dans la liste déroulante.
L'URL de déconnexion de votre application
Saisissez l'adresse Web vers laquelle les utilisateurs doivent être envoyés après leur déconnexion.
Activer l'identité partagée
Cette fonctionnalité vous permet de contrôler si une application spécifique est accessible ou non à un utilisateur partagé.
Algorithmes de signature pour JWT
RSA-SHA256
Asymétrique, utilise un ensemble de clés privées et publiques pour générer et valider la signature incluse dans le jeton JWT.
La clé privée est utilisée pour générer la signature côté IDP.
La clé publique est utilisée pour vérifier la signature côté SP.
Nous fournissons la clé publique pour cela.
HS256
Symétrique, utilise la même clé secrète pour générer et valider la signature
La clé secrète dans ce cas est configurable depuis la page de configuration de l'application.
Basculer vers Options de connexion languette.
Fournisseur d'identité principal
Sélectionnez la source d'identification par défaut dans la liste déroulante de l'application. Si cette option n'est pas sélectionnée, les utilisateurs verront l'écran de connexion par défaut et pourront choisir leur propre fournisseur d'identité. [Choisissez miniOrange dans ce cas.]
Forcer l'authentification
Si vous activez cette option, les utilisateurs devront se connecter à chaque fois, même si leur session existe déjà.
Activer le mappage des utilisateurs
Activez cette option si vous souhaitez que l'application indique quel utilisateur est connecté lorsqu'elle répond.
Afficher sur le tableau de bord de l'utilisateur final
Activez cette option si vous souhaitez afficher cette application dans le tableau de bord de l'utilisateur final.
Accédez à Endpoints et copiez les détails suivants :
URL d'authentification unique :
Cette URL est utilisée pour lancer l'authentification de l'utilisateur afin d'obtenir le jeton JWT.
Prenez redirect_uri comme l'un des paramètres de requête.
Après une authentification réussie du côté de l'IDP, une session utilisateur active est créée dans l'IDP et l'utilisateur est redirigé vers redirect_uri avec le jeton JWT.
URL de déconnexion unique :
Cette URL est utilisée pour déconnecter l'utilisateur de l'IDP en supprimant la session utilisateur active.
Prenez redirect_uri comme l'un des paramètres de requête.
Après avoir supprimé la session utilisateur active, l'IDP redirige l'utilisateur vers redirect_uri.
URL de réponse pour la déconnexion initiée par l'IdP :
Cette URL est utilisée pour lancer la déconnexion au cas où la connexion de l'utilisateur JWT aurait été initiée par IDP [Utilisateur connecté au tableau de bord d'abord, puis initialisé la connexion à l'application à partir du tableau de bord.]
Après avoir déconnecté l'utilisateur de l'IDP, l'utilisateur est redirigé vers la page de connexion du tableau de bord IDP.
2. Ajout du script SSO côté Webflow
Pour activer l'authentification unique (SSO) côté Webflow, il vous suffit d'ajouter un script personnalisé.
Se connecter à votre Webflow tableau de bord.
Allez dans Tous les sites.
Cliquez sur le trois points sous votre site, puis cliquez sur Paramètres.
Sélectionner Code personnalisé dans la barre de menu de gauche.
Cliquez ici pour télécharger le script nécessaire ou vous pouvez nous contacter à idpsupport@xecurify.com à tout moment si vous avez besoin d'aide pour l'intégration.
Collez-le dans la section « Code du pied de page ».
2.1 Ajout d'un script SSO au niveau du dossier côté Webflow
Cliquez ici pour télécharger le script nécessaire ou vous pouvez nous contacter à idpsupport@xecurify.com à tout moment si vous avez besoin d'aide pour l'intégration.
Collez-le dans la section « Code du pied de page ».
3. Configurez votre annuaire d'utilisateurs
miniOrange assure l'authentification des utilisateurs à partir de diverses sources externes, telles que des annuaires (ADFS, Microsoft Active Directory, Microsoft Entra ID, OpenLDAP, Google, AWS Cognito, etc.), des fournisseurs d'identité (Okta, Shibboleth, Ping, OneLogin, Keycloak), des bases de données (MySQL, MariaDB, PostgreSQL, etc.) et bien d'autres . Vous pouvez configurer votre annuaire/référentiel d'utilisateurs existant ou ajouter des utilisateurs dans miniOrange.
Configurer miniOrange comme IDP
Configurer AD en tant qu'annuaire d'utilisateurs
Configurer un IDP externe
Pour ajouter vos utilisateurs dans miniOrange il y a 2 manières :
Cliquez sur Utilisateurs >> Liste des utilisateurs >> Ajouter un utilisateur.
Ici, remplissez les détails de l'utilisateur sans le mot de passe puis cliquez sur le Créer un utilisateur .
Après la création réussie d'un utilisateur, un message de notification "Un utilisateur final a été ajouté avec succès" sera affiché en haut du tableau de bord.
Cliquez sur Onglet Statut d'intégration. Vérifiez l'e-mail, avec l'identifiant de messagerie enregistré et sélectionnez l'action Envoyer un courrier d'activation avec le lien de réinitialisation du mot de passe à partir de Sélectionnez l'action liste déroulante puis cliquez sur Appliquer .
Maintenant, ouvrez votre identifiant de messagerie. Ouvrez le mail que vous recevez de miniOrange puis cliquez sur le lien pour définir le mot de passe de votre compte.
Sur l'écran suivant, entrez le mot de passe et confirmez le mot de passe, puis cliquez sur le Mot de passe de réinitialisation de l'authentification unique (SSO) .
Vous pouvez désormais vous connecter au compte miniOrange en saisissant vos identifiants.
2. Téléchargez en masse des utilisateurs dans miniOrange via le téléchargement d'un fichier CSV.
Accédez à Utilisateurs >> Liste des utilisateurs. Cliquez sur Ajouter un utilisateur .
Inscription d'utilisateur en masse Télécharger un exemple de format CSV depuis notre console et éditez ce fichier csv selon les instructions.
Pour importer des utilisateurs en masse, choisissez le fichier et assurez-vous qu'il se trouve dans Format de fichier .csv séparé par des virgules puis cliquez sur Télécharger.
Après avoir téléchargé le fichier csv avec succès, vous verrez un message de réussite avec un lien.
Cliquez sur ce lien, vous verrez la liste des utilisateurs à qui envoyer un courrier d'activation. Sélectionnez les utilisateurs auxquels envoyer le courrier d'activation et cliquez sur Envoyer le courrier d'activation. Un mail d'activation sera envoyé aux utilisateurs sélectionnés.
Cliquez sur Fournisseurs d'identité >> Ajouter un fournisseur d'identité dans le menu de gauche du tableau de bord.
Dans Choisir un fournisseur d'identité, sélectionnez Répertoires AD/LDAP de la liste déroulante.
Recherchez ensuite AD/LDAP et cliquez dessus.
STOCKER LA CONFIGURATION LDAP DANS MINIORANGEChoisissez cette option si vous souhaitez conserver votre configuration dans miniOrange. Si Active Directory est protégé par un pare-feu, vous devrez l'ouvrir pour autoriser les requêtes entrantes vers votre AD.
STOCKER LA CONFIGURATION LDAP SUR PLACE: Choisissez cette option si vous souhaitez conserver votre configuration dans vos locaux et autoriser uniquement l'accès à AD à l'intérieur des locaux. Vous devrez télécharger et installer Passerelle miniOrange chez vous.
Entrez LDAP Nom du profil et Identifiant nom.
Sélectionner Type de répertoire as Le tiering Active Directory.
Saisissez l'URL ou l'adresse IP du serveur LDAP par rapport au LDAP URL du serveur champ.
Cliquez sur le Test de connexion bouton pour vérifier si vous avez établi une connexion réussie avec votre Serveur LDAP.
Dans Active Directory, accédez aux propriétés des conteneurs/UO utilisateur et recherchez le Attribut de nom distinctifLe compte lié doit disposer des droits de lecture minimaux requis dans Active Directory pour permettre les recherches dans l'annuaire. Si le cas d'utilisation implique du provisionnement (comme la création, la mise à jour ou la suppression d'utilisateurs ou de groupes), le compte doit également disposer des droits d'écriture appropriés.
Entrez le mot de passe valide du compte Bind.
Cliquez sur le Tester les informations d'identification du compte de liaison pour vérifier vos informations d'identification LDAP Bind pour la connexion LDAP.
Base de recherche est l'emplacement du répertoire où commence la recherche d'un utilisateur. Vous l'obtiendrez au même endroit où vous avez obtenu votre nom distingué.
Sélectionnez un filtre de recherche approprié dans le menu déroulant. Si tu utilises Utilisateur dans un filtre de groupe unique or Utilisateur dans un filtre de plusieurs groupes, remplace legroupe-dn> dans le filtre de recherche avec le nom distinctif du groupe dans lequel vos utilisateurs sont présents. Pour utiliser le filtre de recherche personnalisé, sélectionnez "Écrivez votre filtre personnalisé" option et personnalisez-la en conséquence.
Cliquez sur le Suivant bouton, ou allez à la Options de connexion languette.
Vous pouvez également configurer les options suivantes lors de la configuration d'AD. Activer Activer LDAP afin d'authentifier les utilisateurs depuis AD/LDAP. Clique sur le Suivant bouton pour ajouter un magasin d'utilisateurs.
Voici la liste des attributs et ce qu'il fait lorsque nous l'activons. Vous pouvez activer/désactiver en conséquence.
Attribut
Description
Activer LDAP
Toutes les authentifications des utilisateurs seront effectuées avec les informations d'identification LDAP si vous l'activez
Authentification de secours
Si les informations d'identification LDAP échouent, l'utilisateur sera authentifié via miniOrange
Activer la connexion administrateur
En activant cela, votre connexion administrateur miniOrange s'authentifie à l'aide de votre serveur LDAP
Afficher l'IdP aux utilisateurs
Si vous activez cette option, cet IdP sera visible par les utilisateurs
Synchroniser les utilisateurs dans miniOrange
Les utilisateurs seront créés dans miniOrange après authentification avec LDAP
Cliquez sur le Suivant bouton, ou allez à la Attributs languette.
Cartographie des attributs d'AD
Par défaut, les noms d'utilisateur, prénom, nom et adresse e-mail sont configurés. Faites défiler vers le bas et cliquez sur Enregistrer bouton. Pour récupérer des attributs supplémentaires depuis Active Directory, activez Envoyer les attributs configurésÀ gauche, saisissez le nom que vous souhaitez partager avec les applications. À droite, saisissez le nom de l'attribut depuis Active Directory. Par exemple, pour récupérer l'attribut « entreprise » depuis Active Directory et l'envoyer comme organisation aux applications configurées, saisissez :
Nom d'attribut envoyé à SP = organisation Nom d'attribut de l'IDP = société
Cliquez sur le Suivant bouton, ou allez à la Provisioning languette.
Importation et provisionnement d'utilisateurs à partir d'AD
Si vous souhaitez configurer le provisionnement, cliquez ici Pour plus d'informations, nous allons ignorer cette étape pour le moment.
Importer la stratégie de mot de passe depuis Active Directory
Si vous souhaitez importer votre politique de mot de passe Active Directory dans miniOrange, cliquez ici Pour plus d'informations, nous allons ignorer cette étape pour le moment.
Tester les connexions
Vous verrez une liste de répertoires sous Fournisseurs d'identité. Dans la liste déroulante, sélectionnez Répertoires AD/LDAP, recherchez votre répertoire configuré, cliquez sur les trois points à côté et sélectionnez Test de connexion.
Une fenêtre contextuelle apparaît vous invitant à saisir un nom d'utilisateur et un mot de passe pour vérifier votre configuration LDAP.
On Réussi connexion avec le serveur LDAP, un message de réussite s'affiche.
Mappage des attributs de test
Vous verrez une liste de répertoires sous Fournisseurs d'identité. Dans la liste déroulante, sélectionnez Répertoires AD/LDAP, recherchez votre répertoire configuré, cliquez sur les trois points à côté et sélectionnez Mappage des attributs de test.
Une fenêtre contextuelle apparaît pour saisir un nom d'utilisateur et cliquer Test.
Le résultat du mappage des attributs de test sera affiché.
La configuration d'AD en tant qu'annuaire externe est terminée.
Remarque : Consultez notre guide pour configurer LDAP sur un serveur Windows.
miniOrange s'intègre à diverses sources d'utilisateurs externes telles que des annuaires, des fournisseurs d'identité, etc.
Disons que vous avez configuré miniOrange comme magasin d'utilisateurs.
En accédant au URL d'authentification unique comme mentionné dans le seconde Étape, il vous sera demandé les informations d'identification miniOrange.
En saisissant les informations d'identification valides, vous serez connecté avec succès à Webflow.
Utilisation de la connexion initiée par IDP
Connectez-vous à miniOrange IdP en utilisant vos informations d'identification.
Sur le tableau de bord de l'utilisateur final, cliquez sur le Webflow application configurée, pour tester le flux SSO.
Vous serez connecté avec succès à Webflow.
Utilisation de la connexion initiée par SP
Disons que vous avez configuré Okta comme IDP.
En accédant au URL d'authentification unique comme mentionné dans le seconde Étape, il vous sera demandé de saisir vos informations d'identification Okta.
En saisissant les informations d'identification valides, vous serez connecté avec succès à Webflow.
Utilisation de la connexion initiée par IDP
Connectez-vous à Okta à l'aide de vos informations d'identification.
Cliquez sur Administrateur pour accéder à la console d'administration, puis cliquez sur Applications.
Cliquez sur Ajouter une application et recherchez "Bookmark App", puis cliquez sur Ajouter dans le volet de gauche.
Choisissez un nom d'application de votre choix qui sera le nom d'affichage.
Dans la section URL, saisissez le URL SSO cela est donné dans l'application JWT.
Cliquez sur Enregistrer.
Sur le tableau de bord de l'utilisateur final, cliquez sur le Webflow application de favoris configurée, pour tester le flux SSO.
Comment puis-je restreindre l'accès aux pages sur Webflow ? Est-ce géré via les scripts ?
Oui, nos scripts sont entièrement personnalisables et vous pouvez restreindre l'accès aux pages en fonction des adhésions, des groupes, de l'entreprise. domaine ou tout autre attribut personnalisé de votre choix.
Que se passera-t-il si mes clients désactivent Javascript sur le navigateur ?
Nous gérons cela en ajoutant les balises no script dans notre fichier de script, cela permet la redirection de vos utilisateurs vers une page personnalisable avec des instructions pour activer javascript.
Vous souhaitez planifier une démo ?
Nos autres produits de gestion des identités et des accès
