Gerar App

    Note

    Os aplicativos projetados no Ignite UI App Builder podem ser baixados ou carregados diretamente em um repositório GitHub.

    Visualizar e Gerar Código do App

    O App Builder com geração de código Angular está no mercado há alguns meses, mas com o lançamento do .NET 6 lançamos a Geração de Código Blazor e até hoje também suportamos geração de código Web Components.

    Com o seletor de plataforma, localizado na barra de navegação logo ao lado dos botões de ação Publish to Github e Preview, escolha a opção Blazor Server/Blazor Web Assembly para gerar código para Blazor, ou Angular para visualizar uma prévia do aplicativo gerado e do código. A opção Web Components também está disponível.

    Escolher plataforma para geração de código

    A história do usuário de design e desenvolvimento será concluída quando o aplicativo for gerado com todas as propriedades de estilo e layout. Atualmente, o Ignite UI App Builder oferece opções para carregar todos os arquivos do seu aplicativo em um repositório GitHub ou baixá-los como um pacote e executá-lo localmente.

    Exportação de código licenciado

    Usuário licenciado

    Se você for um usuário licenciado, os pacotes licenciados do Ignite UI for Angular serão usados na geração do aplicativo. Isso se aplica tanto ao download de aplicativo quanto à publicação no GitHub.

    Quando o aplicativo é publicado no GitHub, adicionamos um CI que construirá seu projeto e executará testes básicos. Também publicamos o NPM_AUTH_TOKEN que é necessário do CI do GitHub, para poder usar o pacote licenciado.

    Token de Autenticação NPM

    Usuário de avaliação

    Se você for um usuário de avaliação, o pacote de avaliação gratuita do Ignite UI for Angular será usado na geração do aplicativo. Isso se aplica tanto ao download de aplicativo quanto à publicação no GitHub.

    Consulte a documentação de FAQ de Licença e Instalação para obter informações sobre como atualizar para o pacote licenciado completo, se o projeto estiver usando uma versão Trial do Ignite UI for Angular, e como configurar seu ambiente e CI para usar nosso feed npm licenciado.

    Alternativamente, execute npm run infragistics-login para um login guiado em nosso feed licenciado.

    Componentes Suportados

    Atualmente, o App Builder oferece suporte a geração de código para Angular e Blazor. Abaixo está uma lista de componentes suportados por plataforma:

    Componente Angular Blazor Web Components
    Layouts
    Absolute Layout ✔️ ✔️ ✔️
    Card ✔️ 🚧 🚧
    Column Layout ✔️ ✔️ ✔️
    Expansion Panel ✔️ ✔️ ✔️
    Row Layout ✔️ ✔️ ✔️
    Tab Layout ✔️ ✔️ ✔️
    Divider ✔️ ❌ ❌
    Menu and Navigation
    Navigation Bar ✔️ ✔️ ✔️
    Navigation Drawer ✔️ 🚧 🚧
    Views Container ✔️ ✔️ ✔️
    Content
    Avatar ✔️ 🚧 🚧
    Calendar ✔️ ✔️ ✔️
    Chip ✔️ ✔️ ✔️
    Icon ✔️ 🚧 🚧
    Image ✔️ ✔️ ✔️
    Link ✔️ ✔️ ✔️
    Text ✔️ ✔️ ✔️
    Title ✔️ ✔️ ✔️
    Input & Forms
    Button ✔️ ✔️ ✔️
    Button Group ✔️ ❌ ❌
    Checkbox ✔️ ✔️ ✔️
    Combo ✔️ ❌ ❌
    Date Picker ✔️ 🚧 🚧
    Drop Down ✔️ ✔️ ✔️
    Floating Action Button ✔️ ✔️ ✔️
    Icon Button ✔️ 🚧 🚧
    Input Group ✔️ 🚧 🚧
    Radio Group ✔️ 🚧 🚧
    Select ✔️ ❌ ❌
    Slider ✔️ ✔️ ✔️
    Switch ✔️ ✔️ ✔️
    Text Area ✔️ ❌ ❌
    Rating ✔️ ❌ ✔️
    Grids & Lists
    Grid ✔️ 🚧 🚧
    Tree Grid ✔️ 🚧 🚧
    List ✔️ ✔️ ✔️
    Tree ✔️ ✔️ ✔️
    Notifications
    Badge ✔️ ✔️ ✔️
    Banner ✔️ ❌ ❌
    Dialog Window ✔️ ❌ ❌
    Snackbar ✔️ ✔️ ✔️
    Reveal Dashboard ✔️ ❌ ❌
    Note

    Componentes parcialmente gerados são marcados com 🚧. Consulte Suporte ao Blazor para mais detalhes sobre os problemas conhecidos e limitações dos componentes Blazor.

    Recursos Adicionais