Compartilhar via


Exemplo de componente PCF do interpretador de código

Este exemplo mostra como gerar conteúdo usando um prompt definido por Copilot Studio ou Hub de IA.

Este exemplo é um controle do PCF (Power Apps Component Framework) que se integra aos prompts habilitados para interpretação de código para renderizar visuais de dados HTML/JavaScript interativos ou gerar visualizações e downloads para arquivos PDF, Word, PowerPoint e Excel.

Disponível para

Aplicativos baseados em modelos

Code

Você pode encontrar o código para o exemplo aqui: PowerApps-Samples/component-framework/CodeInterpreterControl/.

Importante

Consulte o README de exemplo para obter instruções detalhadas sobre como criar o controle e configurar o componente PCF no formulário.

Demonstrações

Este exemplo demonstra como um único controle PCF pode renderizar uma saída diferente no formulário do aplicativo orientado por modelo, dependendo do prompt fornecido. Este exemplo fornece uma solução gerenciada que você pode instalar que contém três prompts preparados para você.

Instrução: Criar dados de exemplo para a tabela de exemplo

A solução gerenciada fornecida também inclui a definição de uma tabela chamada sample_example. Testar esse prompt cria 10 registros de exemplo a serem usados nesta demonstração.

Um prompt projetado para criar dados de exemplo para a tabela sample_example

Dica

Copie um dos valores de exemplo GUID para definir como um registro de teste sample_example em seu ambiente ao testar os outros prompts.

Prompt: gráfico de resumo da linha interativa de exemplo

Este prompt especifica um gráfico interativo que retorna um mimetype valor de text/html:

Exemplo de gráfico resumo interativo de linha

Dica

Para testar esse prompt, use um dos valores GUID de exemplo do primeiro prompt e defina como os dados de exemplo para o parâmetro RecordId.

Definindo dados de exemplo para o parâmetro recordid

O HTML não está renderizado atualmente na resposta do modelo, mas você pode exibir detalhes de execução para confirmar que ele foi executado com êxito.

O controle PCF renderiza este HTML interativo dentro do formulário:

O exemplo de componente pcf do interpretador de código mostrando o gráfico de resumo de linha interativa HTML gerado

Prompt: Exemplo de documento de proposta de vendas

Esse prompt especifica uma visualização e um download direto para um arquivo PDF gerado.

O exemplo de componente PCF do intérprete de código mostrando o documento de proposta de vendas gerado

Dica

Para testar esse prompt, use um dos valores GUID de exemplo do primeiro prompt e defina como os dados de exemplo para o parâmetro RecordId.

Ao testar esse prompt, você pode visualizar os resultados na resposta do modelo. O controle renderiza uma experiência diferente dentro do formulário:

O exemplo de componente PCF do interpretador de código mostra o documento de proposta de vendas em PDF gerado

Os arquivos gerados .docx, .pptx e .xlsx também têm suporte, mas o controle PCF de exemplo atualmente não dá suporte a .pptx.

Aplicativo: sample_example app

A solução gerenciada também inclui um aplicativo baseado em modelo pré-configurado, com um formulário disponível para que você configure o controle PCF CodeInterpreter. Esse aplicativo reduz o número de etapas necessárias para experimentar o exemplo.

Mais informações