Calificaciones del editor: Calificaciones de los usuarios:[Total: 0 Promedio: 0] @media(min-width: 500px) { } @media(min-width: 800px) { }
SuperTokens es una alternativa de código abierto a Firebase Auth, AuthO, AWS Cognito, etc. Su uso es completamente gratuito, para siempre, sin límites de la cantidad de usuarios.
SuperTokens ofrece una solución de autenticación segura que agrega inicio de sesión y administración de sesiones a las aplicaciones sin hacer ninguna concesión en la experiencia del usuario y del desarrollador. La arquitectura está optimizada con 3 componentes básicos: el SDK de frontend que administra los tokens de sesión y genera widgets de interfaz de usuario de inicio de sesión, el SDK de backend y el servicio HTTP.
Hay SuperTokens Core en el nivel superior, que es el servicio HTTP para manejar la lógica de autenticación central. También es responsable de realizar las operaciones de base de datos subyacentes. Básicamente, proporciona una solución integral con inicio de sesión, registros, administración de usuarios y administración de sesiones, sin tener que lidiar con las complejidades de los protocolos OAuth. Viene con formularios integrados de inicio de sesión y registro que se pueden implementar en su sitio web. No solo eso, sino que también ofrece varios tipos de formularios de autenticación.
Por ahora, es compatible con los siguientes tipos de sistemas y plantillas de inicio de sesión (también conocidas como recetas).
Inicio de sesión social sin contraseña Correo electrónico Inicio de sesión con contraseña Teléfono Inicio de sesión con contraseña Sin contraseña + Inicio de sesión social Contraseña de correo electrónico + Inicio de sesión social
El lenguaje de programación principal de SuperTokens es Java, pero hay disponibles SDK para otros lenguajes de programación y marcos front-end. Consulte la lista a continuación.
Backend:
NodeJS GoLang Python
Frontend:
ReactJS Vanilla JS React Native iOS Android Flutter
Otros marcos:
Para otros marcos frontend, se puede crear una interfaz de usuario personalizada que se comunique con las API expuestas del SDK. En cuanto a otros marcos de back-end, puede crear sus propias API utilizando SuperTokens Core.
¿Características principales de SuperTokens y por qué debería usarlo?
Hace que la creación de un sistema de inicio de sesión completamente funcional sea solo cuestión de minutos, ya que todo viene listo para usar. Puede copiar las plantillas, modificar la configuración de la aplicación y la base de datos e implementar. Maneja las partes duras por sí mismo. Por ejemplo, tiene un enrutador incorporado que maneja los eventos de registro e inicio de sesión. No tiene que volver a escribir las rutas en su código. Se integra bien con múltiples backends de bases de datos como GraphQL, Supabase, Netlify, AWS Lambda, Vercel, Capacitor, etc. La integración de inicios de sesión sociales es menos dolorosa. Como ya se mencionó anteriormente, se encarga de la parte difícil por sí solo, solo tiene que agregar su ID de cliente y secreto de Google para implementar el inicio de sesión a través del formulario de Google. Maneja la sesión del usuario por sí solo para todos los usuarios. Maneja tareas en la capa de middleware de manera robusta. Tiene un sistema integrado de captura de errores que manejará la mayoría de los errores causados durante la llamada a las API. Esto facilitará la depuración. Si desea incluir la verificación por SMS, es fácil y hay una plantilla disponible que puede bifurcar y modificar. También viene como una imagen de Docker que puede usar para la implementación local para controlar el 100 % de sus datos de usuario.
¿Cómo usar SuperTokens para crear un sistema de inicio de sesión para un sitio web o una aplicación web?
En este punto, ya tiene una idea de qué son los SuperTokens, qué ofrecen y cómo funcionan. Ahora, intentemos usarlo en una aplicación web. Aquí usaré cómo crear un sistema de inicio de sesión en React usando SuperTokens. Antes de eso, debe comprender el flujo de inicio de sesión. Solo mire este diagrama de la página de documentación de SuperTokens.
Suponiendo que Conozco React, por lo tanto, me estoy saltando su instalación o configuración. Comience con la aplicación React de demostración. que se ve así.
Aquí usaré SuperTokens en React con una aplicación auxiliar Express en el backend para procesar el inicio de sesión con Google y el inicio de sesión con contraseña de correo electrónico.
Entonces, instale el SDK de SuperTokens para Node y luego continúe.
npm i-s supertokens-auth-react
Llame a la función init(). El sitio web le brinda un generador de código para eso, solo necesita ingresar los detalles de la aplicación y los widgets sociales que desea usar. De forma predeterminada, agrega GitHub, proveedores similares a Facebook en el código, pero puede eliminarlos manualmente.
Vaya a la ruta/auth y luego verá el inicio de sesión desde allí.
Lo siguiente que debe hacer ahora es configurar el backend. Pero primero instale el motor de backend ejecutando esto.
npm i-s supertokens-node
Ahora, inicialice el backend de SuperTokens. Una vez más, la página de documentación proporciona el generador de código al igual que la página de inicio. Recuerda los detalles de la aplicación, por lo tanto, simplemente copie el código.
En el backend, ahora debe inicializar los proveedores de inicio de sesión, como GitHub, Google, etc. Nuevamente, el código ya está allí, solo necesitas copiar y pegar. Omita los proveedores de este código que no necesita.
Agregue el código de configuración de API y CORS y el código de manejo de errores. El código ya está allí, simplemente cópielo y péguelo de nuevo.
Configure SuperTokens Core usando Docker. El comando para ejecutar la imagen Docker de SuperTokens es:
docker run-p 3567:3567-d registration.supertokens.io/supertokens/supertokens-mysql:5.0
Ahora es el momento para configurar el último bloque en el diagrama de flujo que mostré al principio de esta sección, que es la base de datos. Admite la configuración de MySQL y PostgreSQL, y puede obtener información sobre la configuración inicial en los documentos.
En este punto, si ejecuta su aplicación ahora, se encontrará con el siguiente sistema de inicio de sesión. Funciona y, de esta manera, los SuperTokens se pueden usar en cualquier aplicación web y sitio web.
Tenga en cuenta que los pasos que he mencionado anteriormente solo podrán mostrar un formulario de inicio de sesión que funcione. Posteriormente deberá configurar otras funciones, como la lógica de cierre de sesión y la función de restablecimiento de contraseña. Puede ver el video a continuación para ver el flujo de trabajo completo. O puede seguir el resto de la documentación para lo mismo.
Esta fue la configuración de SuperTokens con React y Express. Pero puede seguir la misma guía para otros SDK y marcos como Python-Flask.
En resumen:
SuperTokens es una solución de autenticación segura que ofrece una alternativa gratuita y de código abierto. a proveedores de inicio de sesión propietarios. La arquitectura está optimizada con tres componentes básicos y proporciona una solución integral con administración de usuarios y sesiones sin las complejidades de OAuth. Cualquiera puede contribuir a mejorar SuperTokens y permite un control total de los datos del usuario. El sitio web muestra las funciones disponibles y los SuperTokens se pueden usar para iniciar sesión, administrar sesiones o ambos.
