Visão geral da estrutura de componentes do PowerAppsPowerApps component framework overview

A estrutura de componentes do PowerApps permite que desenvolvedores profissionais e criadores de aplicativos criem componentes de código para aplicativos baseados em modelos e aplicativos de tela (visualização experimental) para fornecer uma experiência de usuário aprimorada para os usuários exibirem e trabalharem com dados em formulários, exibições, e painéis.PowerApps component framework empowers professional developers and app makers to create code components for model-driven apps and canvas apps (experimental preview) to provide an enhanced user experience for the users to view and work with data in forms, views, and dashboards. Por exemplo:For example:

  • Substituir um campo que exibe um valor de texto numérico com um dial ou slider componente de código.Replace a field that displays a numeric text value with a dial or slider code component.
  • Transforme uma lista em uma experiência visual totalmente diferente associada ao conjunto de dados como um Calendar ou Map.Transform a list into an entirely different visual experience bound to the data set like a Calendar or Map.

Importante

  • A estrutura de componentes do PowerApps está em visualização experimental para aplicativos de tela e no GA para aplicativos baseados em modelos.PowerApps component framework is in experimental preview for canvas apps, and in GA for model-driven apps. Isso implica que todas as APIs com suporte para aplicativos baseados em modelos podem não ter suporte em aplicativos de tela ainda.This implies that all the APIs that are supported for model-driven apps might not be supported on canvas apps yet.
  • Por padrão, a estrutura de componentes do PowerApps é habilitada para aplicativos baseados em modelos.By default PowerApps component framework is enabled for model-driven apps. Para habilitar esse recurso para aplicativos de tela, consulte disponibilidade para aplicativos de tela.To enable this feature for canvas apps, see Availability for canvas apps.
  • As funcionalidades de pré-visualização não se destinam à utilização em ambientes de produção e podem ter uma funcionalidade restrita.Preview features aren’t meant for production use and may have restricted functionality. Estas funcionalidades estão disponíveis antes de um lançamento oficial para que os clientes possam ter acesso antecipado e fornecer feedback.These features are available before an official release so that customers can get early access and provide feedback.

  • Os aplicativos de tela só dão suporte ao tipo de campo de componentes de código e não ao tipo de conjunto de texto.Canvas apps only support the field type of code components, and not the dataset type.

Use a estrutura de componentes do PowerApps para criar componentes de código que possam ser usados em toda a amplitude dos recursos do PowerApps.Use PowerApps component framework to create code components that can be used across the full breadth of PowerApps capabilities. Ao contrário dos recursos da Web HTML, os componentes de código são renderizados como parte do mesmo contexto, são carregados ao mesmo tempo que qualquer outro componente, fornecendo uma experiência direta para os usuários.Unlike HTML web resources, code components are rendered as a part of the same context, load at the same time as any other components, providing a seamless experience for the users. Os desenvolvedores podem agrupar todos os arquivos HTML, CSS e TypeScript ou JavaScript em um único arquivo de pacote de solução.Developers can bundle all the HTML, CSS, and TypeScript or JavaScript files into a single solution package file. Os componentes de código podem ser reutilizados muitas vezes em diferentes entidades e formulários.Code components can be reused many times across different entities and forms.

Os componentes de código têm acesso a um rico conjunto de APIs de estrutura que expõem recursos como gerenciamento de ciclo de vida de componentes, acesso a dados e metadados contextuais, acesso ininterrupto ao servidor via API Web, métodos de formatação de dados e utilitários, recursos de dispositivo como câmera, localização e microfone, juntamente com elementos de UX fáceis de chamar, como caixas de diálogo, pesquisas e renderização de página inteira.Code components have access to a rich set of framework APIs that expose capabilities like component lifecycle management, contextual data and metadata access, seamless server access via Web API, utility and data formatting methods, device features like camera, location and microphone, along with easy-to-invoke UX elements like dialogs, lookups, and full-page rendering.

Os desenvolvedores e os criadores de aplicativos podem usar práticas da Web modernas e também aproveitar o poder das bibliotecas externas para criar interações de usuário avançadas.Developers and app makers can use modern web practices and also harness the power of external libraries to create advanced user interactions. A estrutura manipula automaticamente o ciclo de vida do componente, retém a lógica de negócios do aplicativo e otimiza o desempenho (não há mais IFrames assíncronos).The framework automatically handles the component lifecycle, retains application business logic, and optimizes for performance (no more async IFrames). A definição de componente, as dependências e as configurações podem ser empacotadas em uma solução e movidas entre ambientes e podem ser enviadas por meio de AppSource.Component definition, dependencies, and configurations can all be packaged into a solution and moved across environments and can be shipped via AppSource.

O que são componentes de códigoWhat are code components
Disponibilidade para aplicativos de telaAvailability for canvas apps
Criar e criar um componente de códigoCreate and build a code component
PowerApps para programadoresPowerApps for developers