Valutazioni dell’editore: Valutazioni degli utenti:[Totale: 0 Media: 0] @media(larghezza minima: 500px) { } @media(larghezza minima: 800px) { }
SuperTokens è un’ alternativa open source a Firebase Auth, AuthO, AWS Cognito, ecc. È completamente gratuito, per sempre, senza limiti il numero di utenti.
SuperTokens offre una soluzione di autenticazione sicura che aggiunge la gestione degli accessi e delle sessioni alle applicazioni senza fare alcuna concessione all’esperienza dell’utente e dello sviluppatore. L’architettura è ottimizzata con 3 elementi costitutivi: l’SDK di frontend che gestisce i token di sessione e rende i widget dell’interfaccia utente di accesso, l’SDK di backend e il servizio HTTP.
Esistono i SuperToken Core al livello superiore che è il servizio HTTP per gestire la logica di autenticazione di base. È anche responsabile dell’esecuzione delle operazioni di database sottostanti. Fondamentalmente, fornisce una soluzione end-to-end con accesso, iscrizioni, gestione degli utenti e gestione delle sessioni, senza affrontare le complessità dei protocolli OAuth. Viene fornito con moduli di accesso e registrazione integrati che possono essere implementati sul tuo sito web. Non solo, ma offre anche diversi tipi di moduli di autenticazione.
Per ora, supporta i seguenti tipi di sistemi e modelli di accesso (ovvero ricette).
Accesso social senza password Email Password Accesso Telefono Accesso con password Senza password + Accesso social Email Password + Accesso social
Il linguaggio di programmazione principale di SuperTokens è Java, ma sono disponibili SDK per altri linguaggi di programmazione e framework front-end. Consulta l’elenco di seguito.
Backend:
NodeJS GoLang Python
Frontend:
ReactJS Vanilla JS React Native iOS Android Flutter
Altri framework:
per altri framework frontend, è possibile creare un’interfaccia utente personalizzata che comunichi con le API esposte dall’SDK. Come per altri framework di backend, puoi creare le tue API utilizzando SuperTokens Core.
Caratteristiche principali di SuperTokens e perché dovresti usarlo?
Rende la creazione di un sistema di accesso completamente funzionale solo una questione di minuti poiché tutto è già pronto. È possibile copiare i modelli, modificare le impostazioni dell’app e del database e distribuire. Gestisce le parti dure da solo. Ad esempio, dispone di un router integrato che gestisce gli eventi di registrazione e accesso. Non è necessario riscrivere i percorsi nel codice. Si integra bene con più backend di database come GraphQL, Supabase, Netlify, AWS Lambda, Vercel, Capacitor, ecc. L’integrazione degli accessi social è meno dolorosa. Come già accennato in precedenza, si occupa da solo della parte difficile, devi solo aggiungere l’ID client e il segreto di Google per implementare il modulo di accesso tramite Google. Gestisce la sessione utente da sola per tutti gli utenti. Gestisce le attività nel livello middleware in modo affidabile. Ha un sistema di rilevamento degli errori integrato che gestirà la maggior parte degli errori causati durante la chiamata alle API. Ciò renderà più semplice il debug. Se desideri includere la verifica tramite SMS, è facile così come è disponibile un modello che puoi eseguire il fork e modificare. Viene fornito anche come immagine Docker che puoi utilizzare per la distribuzione on-premise per controllare il 100% dei tuoi dati utente.
Come utilizzare i SuperToken per creare un sistema di accesso per un sito Web o un’applicazione Web?
A questo punto, hai già un’idea di cosa sono i SuperToken, cosa offre e come funziona. Ora proviamo a usarlo in un’app Web. Qui userò come creare un sistema di accesso in React usando SuperTokens. Prima di ciò, devi comprendere il flusso di accesso. Basta guardare questo diagramma dalla pagina della documentazione di SuperTokens.
Presumendo che tu conosco React, quindi sto saltando la sua installazione o configurazione. Inizia con l’app demo React. che assomiglia a questo.
Qui userò SuperTokens in React con un’app helper Express nel back-end per elaborare l’accesso con Google e l’accesso con password e-mail.
Quindi, installa SuperTokens SDK for Node e poi procedere.
npm i-s supertokens-auth-react
Richiama la funzione init(). Il sito Web ti offre un generatore di codice per questo, devi solo inserire i dettagli dell’app e i widget sociali che desideri utilizzare. Per impostazione predefinita, aggiunge GitHub, provider simili a Facebook nel codice, ma puoi rimuoverli manualmente.
Vai al percorso/auth e ora vedrai il login da lì.
La prossima cosa che devi fare ora è configurare il backend. Ma prima installa il motore di backend eseguendo questo.
npm i-s supertokens-node
Ora inizializza il backend di SuperTokens. Ancora una volta, la pagina della documentazione fornisce il generatore di codice proprio come fa la pagina di front-end. Ricorda i dettagli dell’app, quindi devi solo copiare il codice.
Nel backend, ora devi inizializzare i provider di accesso, come GitHub, Google, ecc. Ancora una volta, il codice è già lì, devi solo copiarlo e incollarlo. Ometti da questo codice i provider che non ti servono.
Aggiungi il codice di configurazione di API e CORS e il codice di gestione degli errori. Il codice è già lì, basta copiarlo e incollarlo di nuovo.
Configura il SuperTokens Core usando Docker. Il comando per eseguire l’immagine Docker di SuperTokens è:
docker run-p 3567:3567-d registry.supertokens.io/supertokens/supertokens-mysql:5.0
È giunto il momento per configurare l’ultimo blocco del diagramma di flusso che ho visualizzato all’inizio di questa sezione, ovvero il database. Supporta l’installazione di MySQL e PostgreSQL e puoi conoscere la configurazione iniziale nei documenti.
A questo punto, se esegui la tua app ora, incontrerai il seguente sistema di accesso. Funziona e, in questo modo, i SuperToken possono essere utilizzati in qualsiasi app Web e sito Web.
Tieni presente che i passaggi che ho menzionato sopra saranno in grado di visualizzare solo un modulo di accesso funzionante. Successivamente dovrai configurare altre funzioni come la logica di disconnessione e la funzione di reimpostazione della password. Puoi vedere il video qui sotto per il flusso di lavoro completo. Oppure puoi seguire il resto della documentazione per lo stesso.
Si trattava della configurazione di SuperTokens con React ed Express. Ma puoi seguire la stessa guida per altri SDK e framework come Python-Flask.
In sintesi:
SuperTokens è una soluzione di autenticazione sicura che offre un’alternativa gratuita e open source a provider di accesso proprietari. L’architettura è ottimizzata con tre elementi costitutivi e fornisce una soluzione end-to-end con gestione di utenti e sessioni senza le complessità di OAuth. Chiunque può contribuire a migliorare i SuperTokens e consente il pieno controllo dei dati degli utenti. Il sito Web mostra le funzionalità disponibili e i SuperToken possono essere utilizzati per l’accesso, la gestione delle sessioni o entrambi.
