Webflow fornisce una piattaforma che consente alle aziende o alle persone di creare siti Web reattivi senza alcuna competenza tecnica. Fornisce modelli pre-modificati di diversi siti in base alle esigenze degli utenti. Webflow consente agli utenti di realizzare la maggior parte degli aspetti dello sviluppo Web e della distribuzione del sito Web interamente all'interno dell'applicazione, quindi prendi la soluzione Webflow Single Sign-On (SSO) pronta all'uso.
SSO del flusso Web solution di miniOrange ti fornisce un servizio Single Sign-On pronto all'uso che consente agli utenti di accedere in modo sicuro a Webflow e ad altre applicazioni integrate utilizzando un unico set di credenziali di accesso. Puoi facilmente connetterti con uno qualsiasi dei tuoi IDP (Okta, Ping, ecc.), Active Directory e LDAP senza migrare i tuoi utenti. L'integrazione SSO di Webflow aiuta la tua organizzazione a risparmiare tempo e sforzi con una migliore sicurezza dei tuoi dati presenti nel cloud o in locale. Non hai bisogno di alcun piano aziendale o funzionalità premium per abilitare SSO per Webflow. Ottieni la sicurezza One-Click Accesso SSO con miniOrange's IAM servizi.
Sfida affrontata dagli utenti di Webflow
Gli utenti di Webflow vogliono un accesso continuo e senza interruzioni al loro portale Webflow tramite i loro account esistenti. Non desiderano che i loro utenti abbiano un set di credenziali separato per accedere a Webflow. Webflow fornisce un modo per consentire ai suoi utenti di accedere alla piattaforma senza interruzioni. Tuttavia, è necessario creare un'interfaccia che consenta ciò.
Soluzione SSO per Webflow
miniOrange offre una soluzione SSO integrata in cui la sessione esistente di un utente autenticato può essere utilizzata per accedere a Webflow creando un JSON Web Token (JWT) valido . In questo modo, gli utenti di Webflow non devono più gestire credenziali separate per ciascun utente.
Di conseguenza, è stata implementata la soluzione Single Sign-On (SSO) miniOrange . Gli utenti di Webflow possono ora accedere alla piattaforma Webflow utilizzando le proprie credenziali esistenti.
Guida alla configurazione video
Prerequisiti
Assicurati che l'immagine coordinata della tua organizzazione sia già impostata in Personalizzazione >> Immagine coordinata per l'accesso e la registrazione, nel menu a sinistra della dashboard.
Connettiti con una fonte esterna di utenti
miniOrange offre l'autenticazione degli utenti da diverse fonti esterne, come directory (ad esempio ADFS, Microsoft Active Directory, OpenLDAP, AWS, ecc.), provider di identità (ad esempio Microsoft Entra ID, Okta, AWS) e molte altre. È possibile configurare la directory/archivio utenti esistente o aggiungere utenti in miniOrange.
Seguire la guida dettagliata fornita di seguito per Webflow Single Sign-On (SSO)
1. Configurare Webflow in miniOrange:
Accedi alla console di amministrazione miniOrange.
Vai su Apps e cliccare su Aggiungi applicazione pulsante.
In Scegli Applicazione, select J.W.T. dal menu a discesa del tipo di applicazione.
Nel passaggio successivo, cerca WebFlow applicazione dall'elenco. Se la tua applicazione non viene trovata, cerca Applicazione JWT e puoi configurare la tua applicazione.
Nell'applicazione è possibile configurare i seguenti dettagli:
Display Nome
Inserire il Display Nome (ovvero il nome di questa applicazione)
URL di reindirizzamento
Inserire il URL di reindirizzamento (ad esempio, l'endpoint in cui vuoi inviare/pubblicare il tuo token JWT). Puoi aggiungere più URL di reindirizzamento separandoli con un ';'. Ad esempio abc.com;xyz.com
ID cliente
Migliori ID cliente viene visualizzato nel campo sottostante. Fai clic sull'icona degli appunti per copiarlo.
Client Secret
Client Secret È nascosto per impostazione predefinita. Fai clic sull'icona a forma di occhio per visualizzarlo e usa l'icona degli appunti per copiarlo. Questo viene utilizzato nell'algoritmo di firma HS256 per generare la firma.
Descrizione (facoltativa)
Aggiungere una descrizione se necessario.
Clicchi Salva.
Sarai reindirizzato al Politiche .
Clicca sul Assegna gruppo pulsante. Un nuovo Configurare l'assegnazione del gruppo Si aprirà una finestra modale.
Assegna gruppo: Seleziona i gruppi che desideri collegare all'applicazione. Puoi selezionare fino a 20 gruppi alla volta.
Se devi creare un nuovo gruppo, clicca su Aggiungi nuovo gruppo pulsante.
Inserisci il nome del gruppo e clicca su Crea gruppo.
Fare clic su Avanti.
Assegnazione delle policy: Aggiungi i criteri richiesti ai gruppi selezionati. Inserisci i seguenti dettagli:
Primo fattore: Seleziona il metodo di accesso dal menu a discesa.
Se si seleziona Password come metodo di accesso, puoi abilitare Autenticazione a due fattori (MFA) and Autenticazione adattiva, se necessario.
Se si seleziona Senza password come metodo di accesso, puoi abilitare Autenticazione a due fattori (MFA) se necessario.
Se si seleziona Collegamento magico Come metodo di accesso, vengono visualizzate le seguenti opzioni:
Consenti l'accesso da altri indirizzi IP: Quando questa opzione è abilitata, gli utenti possono aprire il Magic Link da un indirizzo IP diverso da quello da cui è stata effettuata la richiesta.
Abilita l'accesso da altri dispositivi: Quando questa opzione è abilitata, gli utenti possono aprire il Magic Link su un dispositivo diverso da quello utilizzato per richiederlo.
Fare clic su SalvaVerranno create policy per tutti i gruppi selezionati.
Una volta aggiunta correttamente, la policy verrà visualizzata nell'elenco.
Fare clic su Filtri scheda.
Inserisci i seguenti dettagli come richiesto:
Token di accesso
Inserisci il token di accesso che verrà inviato al tuo URL di reindirizzamento dopo che un utente ha effettuato l'accesso. Questo token consente alla tua app di sapere che l'utente è autorizzato ad accedere a determinate funzionalità.
Scadenza del token ID (in minuti)
Imposta per quanto tempo (in minuti) sarà valido il token ID. Trascorso questo periodo, l'utente dovrà effettuare nuovamente l'accesso per ottenere un nuovo token.
Oggetto
Scegli quali informazioni, come l'indirizzo email dell'utente, verranno utilizzate per identificarlo nel token. Questo aiuta la tua app a sapere quale utente ha effettuato l'accesso.
Algoritmo della firma
Seleziona l'algoritmo della tua firma dal menu a discesa.
URL di disconnessione della tua applicazione
Inserisci l'indirizzo web a cui gli utenti devono essere indirizzati dopo aver effettuato il logout.
Abilita identità condivisa
Questa funzionalità consente di controllare se un utente condiviso può accedere o meno a un'applicazione specifica.
Algoritmi di firma per JWT
Codice RSA-SHA256
Asimmetrico: utilizza un set di chiavi private e pubbliche per generare e convalidare la firma inclusa nel token JWT.
La chiave privata viene utilizzata per generare la firma sul lato IDP.
La chiave pubblica viene utilizzata per verificare la firma sul lato SP.
Per questo forniamo la chiave pubblica.
HS256
Simmetrico, utilizza la stessa chiave segreta per generare e convalidare la firma
In questo caso la chiave segreta è configurabile dalla pagina di configurazione dell'app.
Passare alla Opzioni di accesso scheda.
Fornitore di identità primario
Seleziona la fonte ID predefinita dal menu a discesa per l'applicazione. Se non è selezionata, gli utenti visualizzeranno la schermata di accesso predefinita e potranno scegliere il proprio ID. [In questo caso, scegli miniOrange.]
Forza autenticazione
Se si abilita questa opzione, gli utenti dovranno effettuare l'accesso ogni volta, anche se la loro sessione esiste già.
Abilita la mappatura degli utenti
Abilita questa opzione se vuoi che l'app mostri quale utente ha effettuato l'accesso quando risponde.
Mostra sulla dashboard dell'utente finale
Abilita questa opzione se vuoi mostrare questa app nella dashboard dell'utente finale.
Accedere a endpoint e copiare i seguenti dettagli:
URL di Single Sign-On:
Questo URL viene utilizzato per avviare l'autenticazione dell'utente per ottenere il token JWT.
Accettare redirect_uri come uno dei parametri di query.
Dopo l'autenticazione riuscita sul lato IDP, viene creata una sessione utente attiva nell'IDP e l'utente viene reindirizzato al redirect_uri con il token JWT.
URL di disconnessione singola:
Questo URL viene utilizzato per disconnettere l'utente dall'IDP rimuovendo la sessione utente attiva.
Accettare redirect_uri come uno dei parametri di query.
Dopo aver rimosso la sessione utente attiva, l'IDP reindirizza l'utente al redirect_uri.
URL di risposta per la disconnessione avviata dall'IdP:
Questo URL viene utilizzato per avviare la disconnessione nel caso in cui l'accesso dell'utente JWT sia stato avviato da IDP [Utente connesso alla dashboard prima e poi ho avviato l'accesso all'app dalla dashboard.]
Dopo aver effettuato il logout dall'IDP, l'utente viene reindirizzato alla pagina di accesso della dashboard dell'IDP.
2. Aggiunta dello script SSO alla fine di Webflow
Per abilitare l'SSO su Webflow, è sufficiente aggiungere uno script personalizzato.
Accedi al tuo WebFlow cruscotto.
Vai su Tutti i siti.
Clicca sul tre punti sotto il tuo sito, quindi fai clic su Impostazioni profilo.
Seleziona Codice personalizzato nella barra del menu a sinistra.
CLICCA QUI per scaricare lo script necessario oppure puoi contattarci a idpsupport@xecurify.com in qualsiasi momento se hai bisogno di aiuto con l'integrazione.
Incollalo nella sezione del codice del piè di pagina.
2.1 Aggiunta dello script SSO a livello di cartella all'estremità di Webflow
CLICCA QUI per scaricare lo script necessario oppure puoi contattarci a idpsupport@xecurify.com in qualsiasi momento se hai bisogno di aiuto con l'integrazione.
Incollalo nella sezione del codice del piè di pagina.
3. Configura la tua directory utente
miniOrange offre l'autenticazione degli utenti da varie fonti esterne, tra cui directory (come ADFS, Microsoft Active Directory, Microsoft Entra ID, OpenLDAP, Google, AWS Cognito ecc.), provider di identità (come Okta, Shibboleth, Ping, OneLogin, KeyCloak), database (come MySQL, MariaDB, PostgreSQL) e molti altri . È possibile configurare la directory/archivio utenti esistente o aggiungere utenti in miniOrange.
Imposta miniOrange come IDP
Imposta AD come directory utente
Imposta IDP esterno
Per aggiungere i tuoi utenti in miniOrange ci sono 2 modi:
Fare clic su Utenti >> Elenco utenti >> Aggiungi utente.
Qui, compila i dettagli dell'utente senza la password e poi clicca su Crea utente pulsante.
Dopo la creazione corretta dell'utente, verrà visualizzato un messaggio di notifica "Un utente finale è stato aggiunto correttamente" verrà visualizzato nella parte superiore della dashboard.
Fare clic su Scheda Stato di onboardingControlla l'e-mail con l'ID e-mail registrato e seleziona l'azione Invia e-mail di attivazione con collegamento per la reimpostazione della password da Seleziona azione elenco a discesa e quindi fare clic su APPLICA pulsante.
Ora, apri il tuo ID e-mail. Apri la posta che ricevi da miniOrange e poi clicca su link per impostare la password del tuo account.
Nella schermata successiva, inserisci la password e conferma la password, quindi fai clic su Reimposta password Single Sign-On (SSO) pulsante.
Ora puoi accedere all'account miniOrange inserendo le tue credenziali.
2. Caricamento in blocco degli utenti in miniOrange tramite caricamento di file CSV.
Accedere a Utenti >> Elenco utenti. Fare clic su Aggiungi utente pulsante.
Registrazione in blocco degli utenti Scarica il formato csv di esempio dalla nostra console e modifichiamo questo file csv seguendo le istruzioni.
Per caricare in blocco gli utenti, seleziona il file e assicurati che sia in formato file .csv separato da virgole quindi fare clic su Carica.
Dopo aver caricato correttamente il file csv, vedrai un messaggio di successo con un link.
Cliccando su quel link vedrai l'elenco degli utenti a cui inviare la mail di attivazione. Seleziona gli utenti a cui inviare la mail di attivazione e clicca su Invia mail di attivazione. Una mail di attivazione verrà inviata agli utenti selezionati.
Fare clic su Provider di identità >> Aggiungi provider di identità nel menu a sinistra della dashboard.
In Scegli provider di identità, seleziona Directory AD/LDAP dal menu a discesa.
Quindi cerca Annuncio pubblicitario/LDAP e fare clic su di esso.
MEMORIZZA LA CONFIGURAZIONE LDAP IN MINIORANGE: Scegli questa opzione se desideri mantenere la tua configurazione in miniOrange. Se Active Directory è protetto da un firewall, dovrai aprirlo per consentire le richieste in arrivo al tuo dominio Active Directory.
MEMORIZZA LA CONFIGURAZIONE LDAP IN LOCALE: Scegli questa opzione se vuoi mantenere la tua configurazione nei tuoi locali e consentire l'accesso ad AD solo all'interno dei locali. Dovrai scaricare e installare miniGateway arancione presso la vostra sede.
Inserisci LDAP Display Nome and Identifier nome.
Seleziona Tipo di directory as Active Directory.
Inserisci l'URL o l'indirizzo IP del server LDAP rispetto a LDAP URL del server campo.
Clicca sul Test di connessione pulsante per verificare se la connessione con il tuo Server LDAP.
In Active Directory, vai alle proprietà dei contenitori/OU utente e cerca Attributo Nome distintoL'account di associazione deve disporre dei privilegi di lettura minimi richiesti in Active Directory per consentire le ricerche nelle directory. Se il caso d'uso prevede il provisioning (ad esempio, la creazione, l'aggiornamento o l'eliminazione di utenti o gruppi), all'account devono essere concesse anche le autorizzazioni di scrittura appropriate.
Inserisci la password valida dell'account Bind.
Clicca sul Test delle credenziali dell'account Bind pulsante per verificare le credenziali LDAP Bind per la connessione LDAP.
Base di ricerca è la posizione nella directory in cui inizia la ricerca di un utente. Lo otterrai dallo stesso posto in cui hai ottenuto il tuo Distinguished name.
Seleziona un filtro di ricerca adatto dal menu a discesa. Se utilizzi Utente nel filtro di gruppo singolo or Utente nel filtro multigruppo, sostituire ilgruppo-dn> nel filtro di ricerca con il nome distinto del gruppo in cui sono presenti i tuoi utenti. Per utilizzare il filtro di ricerca personalizzato seleziona "Scrivi il tuo filtro personalizzato" opzione e personalizzarla di conseguenza.
Clicca sul Avanti pulsante, o vai al Opzioni Login scheda.
È inoltre possibile configurare le seguenti opzioni durante la configurazione di AD. Abilita Attiva LDAP per autenticare gli utenti da AD/LDAP. Fare clic su Avanti pulsante per aggiungere l'archivio utente.
Ecco l'elenco degli attributi e cosa fa quando li abilitiamo. Puoi abilitarli/disabilitarli di conseguenza.
Attributo
Descrizione
Attiva LDAP
Tutte le autenticazioni utente verranno eseguite con credenziali LDAP se lo attivi
Autenticazione di fallback
Se le credenziali LDAP falliscono, l'utente verrà autenticato tramite miniOrange
Abilita l'accesso dell'amministratore
Abilitando questa opzione, il tuo accesso di amministratore miniOrange si autentica tramite il tuo server LDAP
Mostra IdP agli utenti
Se abiliti questa opzione, questo IdP sarà visibile agli utenti
Sincronizza gli utenti in miniOrange
Gli utenti verranno creati in miniOrange dopo l'autenticazione con LDAP
Clicca sul Avanti pulsante, o vai al Attributi scheda.
Mappatura degli attributi da AD
Per impostazione predefinita, sono configurati nome utente, nome, cognome ed email. Scorri verso il basso e clicca su Salva pulsante. Per recuperare attributi aggiuntivi da Active Directory, abilitare Invia attributi configuratiSul lato sinistro, inserisci il nome che desideri rilasciare alle applicazioni. Sul lato destro, inserisci il nome dell'attributo da Active Directory. Ad esempio, se desideri recuperare l'attributo aziendale da Active Directory e inviarlo come organizzazione alle applicazioni configurate, inserisci quanto segue:
Nome attributo inviato a SP = organizzazione Nome attributo da IDP = azienda
Clicca sul Avanti pulsante, o vai al vettovagliamento scheda.
Importazione e provisioning degli utenti da AD
Se si desidera impostare il provisioning, clicca qui. per informazioni dettagliate. Per ora salteremo questo passaggio.
Importa i criteri password da Active Directory
Se desideri importare i criteri password di Active Directory in miniOrange, clicca qui. per informazioni dettagliate. Per ora salteremo questo passaggio.
Connessioni di prova
Vedrai un elenco di directory sotto Provider di identitàDal menu a discesa, seleziona Directory AD/LDAP, cerca la directory configurata, fai clic sui tre punti accanto ad essa e seleziona Test di connessione.
Verrà visualizzata una finestra pop-up che ti chiederà di immettere un nome utente e una password per verificare la configurazione LDAP.
On di risposte positive connessione con il server LDAP, viene visualizzato un messaggio di successo.
Mappatura degli attributi di prova
Vedrai un elenco di directory sotto Provider di identitàDal menu a discesa, seleziona Directory AD/LDAP, cerca la directory configurata, fai clic sui tre punti accanto ad essa e seleziona Mappatura degli attributi di prova.
Appare un pop-up in cui inserire un nome utente e cliccare Test.
Verrà visualizzato il risultato della mappatura degli attributi del test.
La configurazione di Impostazione AD come directory esterna è completata.
Nota: consultare la nostra guida per configurare LDAP su Windows Server.
miniOrange si integra con varie fonti utente esterne, come directory, provider di identità, ecc.
Come posso limitare l'accesso alle pagine su webflow? Questo viene gestito tramite gli script?
Sì, i nostri script sono completamente personalizzabili e puoi limitare l'accesso alla pagina in base all'appartenenza a gruppi, domini aziendali o qualsiasi altro attributo personalizzato di tua scelta.
Cosa succede se i miei clienti disabilitano JavaScript nel browser?
Gestiamo questa situazione aggiungendo i tag no script nel nostro file script, questo consente di reindirizzare i tuoi utenti a una pagina personalizzabile con istruzioni per abilitare JavaScript.
Vuoi programmare una demo?
I nostri altri prodotti di gestione dell'identità e dell'accesso