Skip to content

Otter Guardian è una Web Application Boilerplate realizzata in React e PHP che offre diverse funzionalità come la gestione di autenticazioni, autorizzazioni, profilazioni e notifiche.

License

RiccardoRiggi/otter-guardian-fe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Otter Guardian

Otter Guardian è una Web Application Boilerplate realizzata in React e PHP che offre diverse funzionalità come la gestione di autenticazioni, autorizzazioni, profilazioni e notifiche. Nel repository del backend puoi trovare la documentazione per invocare i servizi e la struttura del database. Nel repository Otter Guardian Authenticator puoi trovare la seconda applicazione React necessaria per eseguire l'autenticazione a due fattori.

Home

Di seguito è presente la documentazione della sola componente di frontend.


Installazione e avvio

$ npm install
$ npm start

Autenticazione

Per accedere all'applicativo esistono diversi metodi di autenticazione che impiegano anche l'utilizzo di un secondo dispositivo fisico (vedi documentazione):

Login tramite la scansione di un QrCode

Login tramite la scansione di un QrCode

L'utente tramite la Web Application Authenticator precedentemente configurata scansionerà il codice generato a schermo e autorizzerà l'accesso. Verrà in automatico eseguito il redirect alla homepage con l'utente loggato.


Inserimento indirizzo email

In alternativa è possibile inserire il proprio indirizzo email e scegliere una delle seguenti modalità:

Lista modalità di autenticazione

Password più codice di backup

Password più codice di backup

Dalla pagina delle impostazioni utente è possibile generare dei codici di backup monouso che possono essere utilizzati se non si ha a portata di mano il secondo dispositivo o la casella di posta.

Password più codice di verifica sull'authenticator

Password più codice di verifica sull'authenticator

Dopo aver inserito correttamente la password, accedendo all'authenticator verrà mostrato un codice di verifica di 6 cifre da inserire per proseguire


Password più codice di verifica via email

Password più codice di verifica via email

Dopo aver inserito correttamente la password, verrà inviata un'email con il codice di verifica di 6 cifre da inserire per proseguire


Password più click per autorizzare

Password più click per autorizzare

Dopo aver inserito correttamente la password, dovrai aprire l'authenticator e autorizzare l'accesso


Codice di verifica sull'authenticator

Codice di verifica sull'authenticator

Dovrai aprire l'authenticator e inserire il codice che verrà mostrato.


Click per autorizzare

Click per autorizzare

Dovrai aprire l'authenticator e autorizzare l'accesso


Ogni autenticazione andata a buon fine invaliderà tutte le sessioni precedentemente create.


Recupero Password

Inserimento indirizzo email

Per recuperare la password bisogna inserire il proprio indirizzo email e scegliere una delle seguenti modalità:

Lista modalità di recupero password

Codice di verifica sull'authenticator

Codice di verifica sull'authenticator

Dovrai aprire l'authenticator e inserire il codice che verrà mostrato insieme alla nuova password.

Codice di verifica via email

Codice di verifica via email

Dovrai inserire la nuova password insieme al codice che ti verrà inviato via email


Impostazioni utente

Pagina impostazioni Utente parte 1

Pagina impostazioni Utente parte 2

Dalla pagina delle impostazioni è possibile eseguire le seguenti operazioni:

  • Abilitare o disabilitare specifici metodi di autenticazione
  • Abilitare o disabilitare specifici metodi di recupero password
  • Generare i codici di backup
  • Aggiungere un nuovo dispositivo fisico
  • Visualizzare lo storico dei dispositivi associati
  • Visualizzare lo storico degli accessi effettuati

Gestione utenti

Lista utenti

Dalla lista utenti è possibile aggiungere un nuovo utente, modificarlo, bloccarlo temporaneamente oppure eliminarlo

Aggiungi utente

Per creare un nuovo utente è necessario inserire nome, cognome, email e password.


Gestione ruoli

Lista ruoli

Dalla lista ruoli è possibile inserire un nuovo ruolo, modificarne uno esistente oppure eliminarlo. I ruoli AMM e USER sono ruoli di default presenti nel sistema.

Aggiungi ruolo

Per aggiungere un ruolo è necessario inserire un codice identificativo e una descrizione


Gestione risorse

Lista risorse

Le risorse sono i singoli metodi (servizi REST) invocati (vedi la questione del nomeMetodo nella documentazione del backend). Dalla lista risorse è possibile creare una nuova risorsa, modificare oppure eliminare una risorsa esistente.

Aggiungi risorsa

Per aggiungere una nuova risorsa (oltre alla scrittura del codice sorgente sul backend) è necessario scegliere un identificativo, indicare il nome del metodo scelto e una descrizione.

Modifica ruolo uno

Modifica ruolo due

Modifica ruolo tre

Dalla pagina di modifica ruolo è possibile:

  • Abilitare o disabilitare gli utenti al ruolo
  • Abilitare o disabilitare le risorse al ruolo
  • Abilitare o disabilitare le voci di menu al ruolo

Gestione voci di menu

Lista voci di menu

Dalla lista delle voci di menu è possibile inserire una nuova voce oppure modificare o eliminare una voce esistente.

Aggiungi voce di menu

Per inserire una nuova voce di menu bisogna specificare l'eventuale voce padre, scegliere una descrizione, un path, un'icona (vedi documentazione Font Awesome) e un numero d'ordine.


Gestione notifiche

Gestione notifiche

Dalla pagina di gestione notifiche è possibile inserire una nuova notifica, gestire gli invii, modificarla oppure eliminarla.

Inserisci notifica

Per inserire una notifica è necessario scegliere il titolo e il testo.

Invia notifica

Dalla pagina di dettaglio della notifica è possibile modificare il titolo e il testo, decidere la modalità di invio (tutti, dato un ruolo specifico oppure singolo utente), vedere lo stato della notifica e se è stata letta.


Gestione dispositivi fisici

Gestione dispositivi fisici

Dalla lista dei dispositivi fisici è possibile vedere tutti i dispositivi fisici abilitati agli utenti ed è possibile eliminare quelli non più utilizzati.


Gestione indirizzi ip

Gestione indirizzi ip

Dalla pagina di gestione degli indirizzi ip è possibile bloccare determinati indirizzi e visualizzare il numero di alert sospetti (password inserite errate, tentativi di accessi non autorizzati etc...) ed eventualmente azzerarli.


Gestione accessi

Gestione accessi

Dalla gestione accessi è possibile vedere gli utenti attualmente connessi, lo storico e troncare eventuali sessioni in corso.


Logs

Logs

Esiste una gestione dei logs suddivisa per livello di criticità che mostra alcune informazioni utili alla diagnostica. Abilitando la modalità tail la tavola si aggiornerà automaticamente con i nuovi record.


Bom / Diba


Licenza

Il codice da me scritto viene rilasciato con licenza MIT. Framework, temi e librerie di terze parti mantengono le loro relative licenze.

About

Otter Guardian è una Web Application Boilerplate realizzata in React e PHP che offre diverse funzionalità come la gestione di autenticazioni, autorizzazioni, profilazioni e notifiche.

Resources

License

Stars

Watchers

Forks