Generar aplicación

    Note

    Las aplicaciones diseñadas en Ignite UI App Builder pueden descargarse o cargarse directamente en un repositorio de GitHub.

    Vista previa y generación de código de aplicaciones

    App Builder con generación de código Angular ha estado en el mercado durante algunos meses, pero con el lanzamiento de .NET 6 implementamos la generación de código Blazor y a partir de hoy también se admite la generación de código de componentes web.

    Con el selector de plataforma desplegable, ubicado en la barra de navegación justo al lado de los botones de acción Publicar en GitHub y Vista previa, elija la opción Blazor Server/Blazor Web Assembly para generar código para Blazor, o Angular para ver una vista previa de la aplicación generada y el código. La opción Componentes web también está disponible.

    Seleccionar plataforma para generación de código

    La historia de usuario de diseño y desarrollo se completará una vez que la aplicación se genere con todas sus propiedades de estilos y diseño. Actualmente, Ignite UI App Builder ofrece opciones para cargar todos los archivos de su aplicación en un repositorio de GitHub o descargarlos como un paquete e implementarlo localmente.

    Exportación de código con licencia

    Usuario con licencia

    Si usted es un usuario con licencia, los paquetes con licencia de Ignite UI for Angular se utilizarán al generar la aplicación. Esto se aplica tanto para descarga de aplicación como para publicar en GitHub.

    Cuando la aplicación se publica en GitHub, agregamos un CI que compilará su proyecto y ejecutará pruebas básicas. También publicamos NPM_AUTH_TOKEN, que es necesario para que el CI de GitHub pueda usar el paquete con licencia.

    Token de autenticación NPM

    Usuario de prueba

    Si usted es un usuario de prueba, el paquete de prueba gratuito de Ignite UI for Angular se utilizará al generar la aplicación. Esto se aplica tanto para descarga de aplicación como para publicar en GitHub.

    Consulte la Documentación de preguntas frecuentes sobre licencias e instalación para obtener información sobre cómo actualizar al paquete con licencia completa si el proyecto utiliza una versión de prueba de Ignite UI for Angular, y cómo configurar su entorno y CI para usar nuestro feed npm con licencia.

    Alternativamente, ejecute npm run infragistics-login para un inicio de sesión guiado en nuestro feed con licencia.

    Componentes admitidos

    Actualmente, App Builder admite generación de código para Angular y Blazor. A continuación se presenta una lista de componentes admitidos por plataforma:

    Componente Angular Blazor Web Components
    Diseños
    Absolute Layout ✔️ ✔️ ✔️
    Card ✔️ 🚧 🚧
    Column Layout ✔️ ✔️ ✔️
    Expansion Panel ✔️ ✔️ ✔️
    Row Layout ✔️ ✔️ ✔️
    Tab Layout ✔️ ✔️ ✔️
    Divider ✔️ ❌ ❌
    Menú y navegación
    Navigation Bar ✔️ ✔️ ✔️
    Navigation Drawer ✔️ 🚧 🚧
    Views Container ✔️ ✔️ ✔️
    Contenido
    Avatar ✔️ 🚧 🚧
    Calendar ✔️ ✔️ ✔️
    Chip ✔️ ✔️ ✔️
    Icon ✔️ 🚧 🚧
    Image ✔️ ✔️ ✔️
    Link ✔️ ✔️ ✔️
    Text ✔️ ✔️ ✔️
    Title ✔️ ✔️ ✔️
    Entrada y formularios
    Button ✔️ ✔️ ✔️
    Button Group ✔️ ❌ ❌
    Checkbox ✔️ ✔️ ✔️
    Combo ✔️ ❌ ❌
    Date Picker ✔️ 🚧 🚧
    Drop Down ✔️ ✔️ ✔️
    Floating Action Button ✔️ ✔️ ✔️
    Icon Button ✔️ 🚧 🚧
    Input Group ✔️ 🚧 🚧
    Radio Group ✔️ 🚧 🚧
    Select ✔️ ❌ ❌
    Slider ✔️ ✔️ ✔️
    Switch ✔️ ✔️ ✔️
    Text Area ✔️ ❌ ❌
    Rating ✔️ ❌ ✔️
    Cuadrículas y listas
    Grid ✔️ 🚧 🚧
    Tree Grid ✔️ 🚧 🚧
    List ✔️ ✔️ ✔️
    Tree ✔️ ✔️ ✔️
    Notificaciones
    Badge ✔️ ✔️ ✔️
    Banner ✔️ ❌ ❌
    Dialog Window ✔️ ❌ ❌
    Snackbar ✔️ ✔️ ✔️
    Reveal Dashboard ✔️ ❌ ❌
    Note

    Los componentes generados parcialmente se marcan con 🚧. Consulte Soporte de Blazor para obtener más detalles sobre los problemas conocidos y limitaciones de los componentes Blazor.

    Recursos adicionales