Freigeben über


Beispiel für Codedolmetscher-PCF-Komponenten

In diesem Beispiel wird gezeigt, wie Inhalte mithilfe einer von Copilot Studio oder AI Hub definierten Eingabeaufforderung generiert werden.

Dieses Beispiel zeigt ein Power Apps Component Framework (PCF)-Steuerelement, das mit Code-Interpreter aktivierten Eingabeaufforderungen integriert ist, um interaktive HTML- und JavaScript-Datenvisualisierungen zu rendern oder Vorschauen und Downloads für PDF-, Word-, PowerPoint- und Excel-Dateien zu generieren.

Verfügbar für

Modellgesteuerte Apps

Code

Hier finden Sie den Code für das Beispiel: PowerApps-Samples/component-framework/CodeInterpreterControl/.

Von Bedeutung

Ausführliche Anweisungen zum Erstellen des Steuerelements und zum Konfigurieren der PCF-Komponente im Formular finden Sie im Beispiel README.

Zeigt

In diesem Beispiel wird veranschaulicht, wie ein einzelnes PCF-Steuerelement unterschiedliche Ausgaben im modellgesteuerten App-Formular rendern kann, das von der bereitgestellten Eingabeaufforderung abhängt. Dieses Beispiel bietet eine verwaltete Lösung, die Sie installieren können, die drei Aufforderungen enthält, die für Sie vorbereitet sind.

Eingabeaufforderung: Erstellen von Beispieldaten für die Beispieltabelle

Die bereitgestellte verwaltete Lösung enthält auch die Definition für eine Tabelle mit dem Namen sample_example. Wenn Sie diese Aufforderung testen, werden 10 Beispieldatensätze erstellt, die in dieser Demonstration verwendet werden sollen.

Eine Aufforderung zum Erstellen von Beispieldaten für die sample_example Tabelle

Tipp

Kopieren Sie einen der Beispiel-GUID-Werte, um sie als Testdatensatz sample_example für Ihre Umgebung festzulegen, wenn Sie die anderen Eingabeaufforderungen testen.

Prompt: Beispiel für ein interaktives Zeilenzusammenfassungsdiagramm

Diese Eingabeaufforderung beschreibt ein interaktives Diagramm, das einen mimetype Wert von text/html zurückgibt:

Ein Beispiel für ein interaktives Zeilen-Zusammenfassungsdiagramm

Tipp

Wenn Sie diese Eingabeaufforderung testen , verwenden Sie einen der Beispiel-GUID-Werte aus der ersten Eingabeaufforderung, und legen Sie sie als Beispieldaten für den RecordId-Parameter fest.

Festlegen von Beispieldaten für den Recordid-Parameter

Der HTML-Code wird derzeit nicht in der Modellantwort gerendert, Aber Sie können Die Ausführungsdetails anzeigen, um zu bestätigen, dass sie erfolgreich ausgeführt wurde.

Das PCF-Steuerelement rendert diesen interaktiven HTML-Code im Formular:

Das Codedolmetscher-PCF-Komponentenbeispiel mit generierten interaktiven HTML-Zeilenzusammenfassungsdiagrammen

Prompt: Beispieldokument für Verkaufsvorschlag

Diese Eingabeaufforderung gibt eine Vorschau und einen direkten Download für eine generierte PDF-Datei an.

Das Beispiel der PCF-Komponente für Code-Interpretation zeigt ein generiertes Verkaufsvorschlagsdokument

Tipp

Wenn Sie diese Eingabeaufforderung testen , verwenden Sie einen der Beispiel-GUID-Werte aus der ersten Eingabeaufforderung, und legen Sie sie als Beispieldaten für den RecordId-Parameter fest.

Wenn Sie diese Aufforderung testen , können Sie die Ergebnisse in der Modellantwort in der Vorschau anzeigen. Das Steuerelement bietet ein unterschiedliches Benutzererlebnis innerhalb des Formulars.

Das Codedolmetscher-PCF-Komponentenbeispiel mit generierten PDF-Verkaufsvorschlagsdokumenten

Generierte .docx, .pptx und .xlsx Dateien werden ebenfalls unterstützt, aber das Beispiel-PCF-Steuerelement unterstützt .pptx derzeit nicht.

App: Beispiel-App

Die verwaltete Lösung enthält auch eine vorkonfigurierte modellgesteuerte Anwendung mit Formularen, die ihnen zum Konfigurieren des CodeInterpreter PCF-Steuerelements zur Verfügung stehen. Diese App reduziert die Anzahl der Schritte, die zum Testen des Beispiels erforderlich sind.

Mehr Informationen