Bienvenido, soy Miguel y hoy les traigo un nuevo post.
A continuación, le mostramos cómo puede crear un panel de administración de back-end para su aplicación Node en unas pocas líneas de código.
Lo bueno de Node.js es la enorme economía de paquetes útiles . Por ejemplo, AdminBro es un paquete para crear interfaces de administración que se pueden conectar a su aplicación.
Usted proporciona modelos o esquemas de base de datos (como publicaciones en blogs, comentarios de usuarios, etc.) y AdminBro genera la interfaz de usuario para usted.
Puede administrar el contenido a través de esta interfaz de usuario y comunicarse directamente con su base de datos. Esto es excelente para apoyar a equipos no técnicos y delegar el trabajo mundano.
Índice
Problemas que resuelve el paquete AdminBro
Supongamos que tiene un servicio en funcionamiento integrado en Node. El servicio usa Hapi.js para representar un par de rutas REST y mongoose como conector a la base de datos.
Todo funciona bien, pero ahora le gustaría hacer lo siguiente:
- Vea todas las colecciones de datos en una interfaz de usuario para la aplicación.
- Pruebe y pruebe cómo funciona todo con la base de datos.
- Bootstrap y semilla de las tablas con los datos iniciales.
- Cree páginas de informes personalizadas basadas en los datos.
- Permita que otros miembros del equipo vean cómo se ven los datos de la aplicación.
Si ese es el caso, este es el paquete adecuado para usted.
Esto es lo que incluye el paquete AdminBro
- Cree, lea, actualice, elimine
(CRUD)datos en cualquier recurso. - Validación de formularios basada en el esquema.
- Panel de control con todas las funciones y widgets.
- Decoradores de recursos personalizados.
- Consulte la documentación o pruebe la demostración en vivo para descubrir todas las funciones disponibles.
Empezando.
Al agregar un par de líneas de código, tiene una interfaz de administración en ejecución. ¡Empecemos!
Dado que AdminBro usa su marco existente para representar sus rutas, debe usar uno de nuestros complementos. Hay complementos para las siguientes aplicaciones de Node.js:
Usaremos Express con AdminBro. Si desea utilizar AdminBro con un marco diferente, consulte la documentación anterior para conocer los pasos de instalación.
Instalacion rapida
Continúe e instale el express y el express-formidable paquetes. express-formidable es una dependencia de pares para AdminBro:
yarn add express express-formidable
Instale AdminBro y AdminBro complemento express
yarn add admin-bro @admin-bro/express
Cree un enrutador Express que manejará todas las rutas AdminBro
A continuación, consuma el middleware del enrutador para app
app¡Y eso es! Ha configurado correctamente el panel
Adelante, dirígete al http: // localhost: 8080 / admin camino. El tablero debe estar listo y funcionando.
http: // localhost: 8080 / admin.Aquí está el completo app.js archivo en caso de que tenga curiosidad:
Debería ver el siguiente registro de la consola en la terminal si hizo todo correctamente.
Express y AdminBro.Instalación del adaptador de base de datos y adición de recursos
AdminBro se puede conectar a muchos tipos diferentes de recursos. En este momento, admiten las siguientes opciones:
Para agregar recursos a AdminBro, primero debe registrar un adaptador para el recurso que desea utilizar. Vayamos con la solución de mangosta por ahora.
Configuración de Mongoose
yarn add @admin-bro/mongoose
Registro del adaptador
Así es como puede pasar los recursos a AdminBro
Gracias por leer este post y Feliz codificación.
Añadir comentario