Versión de fin de año: notificaciones centralizadas, Query Builder para Angular y IA más inteligente
Nuestra versión de diciembre reúne varias mejoras que hacen que crear y perfeccionar aplicaciones sea más predecible y eficiente.
Zdravko Kolev
6 minutos de lectura
Una nueva interfaz centralizada de notificaciones agrega errores y advertencias en tiempo de diseño, dándote visibilidad inmediata sobre los problemas mientras trabajas. Angular desarrolladores pueden ahora aprovechar un componente Query Builder para definir lógica de filtrado compleja con mayor control. También hemos modernizado el punto de entrada para la creación de aplicaciones con IA y mejorado la calidad de generación de patrones comunes de aplicaciones como páginas con mucho contenido, galerías de imágenes y tableros Kanban, sentando una base sólida para el año que viene.
Antes de sumergirte en estas nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, permíteme compartir rápidamente por qué deberías considerarlo una herramienta clave en el proceso de desarrollo de aplicaciones para tu organización:
- Un creador de aplicaciones visuales: la plataforma unificada para ejecutivos de nivel C, arquitectos empresariales, líderes de equipos de desarrollo, diseñadores, desarrolladores y partes interesadas.
- Herramienta de arrastrar y soltar WYSIWYG basada en la nube que ayuda a las empresas a diseñar y crear aplicaciones comerciales completas un 80 % más rápido que nunca.
- Una herramienta low-code genera código listo para producción para Angular, React, Web Components y Blazor, y convierte Figma diseños en código.
Ahora, vamos a profundizar y explorar las novedades de este App Builder lanzamiento.
Notificaciones centralizadas en tiempo de diseño para una validación y depuración más rápidas
Esta versión introduce una interfaz de notificación centralizada que agrega errores y advertencias en tiempo de diseño en toda tu aplicación, dándote una visibilidad clara de los problemas que pueden bloquear la generación de código o causar fallos en tiempo de ejecución. El sistema presenta problemas comunes como enlaces rotos, recursos perdidos o eliminados, parámetros inválidos y desajustes de tipos, todo ello en un panel dedicado que permite la navegación directamente a las áreas afectadas. Al centrarse exclusivamente en la validación en tiempo de diseño, App Builder ayuda a los equipos a detectar problemas antes, antes de que lleguen a la exportación o el despliegue.
Cubre una amplia gama de escenarios, incluyendo requisitos sobre fuentes de datos, vinculaciones de propiedades inválidas, objetivos de acción, problemas de inicialización de variables, errores en la configuración de solicitudes API y recursos o temas ausentes. En conjunto, estas comprobaciones proporcionan una experiencia de creación de aplicaciones más predecible y fiable, especialmente a medida que las aplicaciones se vuelven más complejas.
Query Builder para Angular: Filtrado avanzado desde el diseño hasta el código
El nuevo componente Query Builder introduce una forma potente de definir y gestionar lógica de filtrado compleja en Angular aplicaciones construidas con App Builder. Se basa en dos conceptos fundamentales:
- El propio componente Query Builder
- La Variable de Consulta: una variable especializada diseñada para interactuar eficientemente con las fuentes de datos.
Las variables de consulta permiten el filtrado en el lado del servidor pasando expresiones avanzadas como parámetros de la API, permitiéndote trabajar con grandes conjuntos de datos manteniendo un rendimiento sólido.
El Query Builder se utiliza de dos maneras:
- Como un componente interactivo de interfaz que los usuarios finales manipulan directamente en el lienzo
- Como editor avanzado para variables de consulta dentro de App Builder.
Una vez que una aplicación que utiliza el Query Builder es exportada, la Angular generada incluye soporte completo para el componente, permitiendo a los desarrolladores seguir construyendo localmente con las mismas capacidades de filtrado.
Mientras que el componente Query Builder y las Variables de Consulta definen cómo se componen y editan las consultas en la interfaz, ejecutar esas consultas requiere un motor del lado del servidor que pueda interpretarlas y aplicarlas de forma consistente. Para soportar este flujo de trabajo de extremo a extremo, App Builder depende de una biblioteca de ejecución dedicada que puede integrarse directamente en proyectos de API.
Ampliando Query Builder a tus proyectos API
Existen dos enfoques para implementar soporte de Query Builder en tu proyecto API:
| Enfoque | Mejor para | Nivel de esfuerzo |
|---|---|---|
Paquete NuGet (Infragistics.QueryBuilder.Executor) |
Integración rápida, casos de uso estándar | Bajo |
| Implementación manual | Personalización total, requisitos complejos | Medio-alto |
Esta guía explica cómo implementar modelos y utilidades de Query Builder en tu proyecto API para habilitar consultas definidas por el usuario.
Para habilitar flujos de trabajo completos de extremo a extremo en Query Builder, expusimos la biblioteca Infragistics.QueryBuilder.Executor, que proporciona la lógica del lado del servidor necesaria para ejecutar consultas definidas por el usuario. Esta biblioteca está diseñada para integrarse directamente en proyectos de API.
La biblioteca incluye modelos Query Builder, utilidades de ejecución y puntos de extensibilidad para traducir expresiones de consulta a SQL ejecutable. Soporta filtrado avanzado, operadores lógicos, selección de campos y subconsultas, lo que lo hace adecuado para escenarios complejos basados en datos. Una implementación de referencia de esta integración está disponible en el proyecto de la API REST de NorthwindAPI, que demuestra cómo conectar el ejecutor a un controlador y aplicarlo contra fuentes de datos reales.
IA: ¿Qué hay de nuevo?
Hemos rediseñado el diálogo "Crear nueva app": Una interfaz moderna "embellecida" ahora incluye una galería de prompts para inspiración y una pestaña Tus prompts para reutilizar fácilmente entradas anteriores.
Además, nuestra generación de IA ha sido optimizada para ofrecer una mejor precisión estructural en todo lo de:
- Entradas de blog a página completa
- Galerías de imágenes dinámicas (y carruseles):
- Y tableros Kanban con aplicaciones refinadas de columnas y tarjetas de tareas:
Terminando
Esta versión refuerza App Builder como un entorno fiable para diseñar, validar y generar aplicaciones con confianza. Las notificaciones centralizadas en tiempo de diseño ayudan a detectar problemas antes, mientras que el nuevo Angular Query Builder ofrece un mayor control sobre escenarios de datos complejos. Combinadas con un flujo de creación de IA más refinado y una mayor precisión de generación para patrones comunes de aplicaciones, estas actualizaciones ayudan a los equipos a pasar de la idea a la implementación con menos interrupciones y resultados más predecibles.
Si te perdiste nuestra actualización anterior sobre Acciones de Datos Condicionales, échale un vistazo aquí.
Prueba hoy las nuevas funciones en my.appbuilder.dev
App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Con su constructor visual basado en la nube, capacidades low-code y nuevas funciones, es una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesitas más detalles, te animamos a que consultes nuestro:
To experience all the new features in the latest App Builder updates, visit your customer portal and install the latest version. As usual, we are excited to receive your feedback and hear what you would like to add or recommend. So please contact me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
