Erstellen einer wiederverwendbaren Benutzeroberfläche mit Power Apps component framework und Canvas-App-Komponenten

Power Apps bietet zwei Möglichkeiten, wiederverwendbare Komponenten zu erstellen:

• Canvas-App-Komponenten, eine low-Code Möglichkeit, darin wiederverwendbare Steuerelemente zu erstellen Power Apps Studio.
• Power Apps Komponenten-Framework, eine entwicklerfreundliche Möglichkeit zum Erstellen wiederverwendbarer Steuerelemente mit HTML, Typescript usw CSS.

Canvas-App-Komponenten sind leistungsstark und können verwendet werden, um die meisten UI-Anforderungen für Ihre App zu erfüllen. Sie sollten sie zuerst in Betracht ziehen, da die Kosten für den Bau und die Wartung in den meisten Fällen niedriger sein können als Power Apps component framework.

Die folgende Abbildung zeigt Beispiele für Canvas-App-Komponenten.

Canvas-App-Komponenten können in Komponentenbibliotheken gepackt werden, bei denen es sich um Container handelt, die die Wiederverwendung von Komponenten in vielen Apps erleichtern. Komponentenbibliotheken machen es einfach, Komponenten zu suchen und zu entdecken, Änderungen zu veröffentlichen und App-Hersteller zu benachrichtigen, wenn Komponentenupdates verfügbar sind.

Für fortgeschrittene Szenarien bietet Power Apps component framework Zugriff auf einen umfangreichen Satz von Framework-APIs, die viele Funktionen wie das Management des Komponentenlebenszyklus, kontextbezogene Daten und Metadaten bereitstellen. Für Szenarien, die Zugriff auf Gerätefunktionen erfordernwie Kamera, Mikrofonwird das Erstellen einer Codekomponente mithilfe vom Power Apps component framework die einzige Option sein. Codekomponenten erstellt mit dem Power Apps component framework kann in Canvas-Apps, Modellgesteuerten Apps und Power Apps Portalen verwendet werden.

Um die reale Verwendung von Power Apps component framework zu sehen, sehen Sie sich dieses Video an, in dem gezeigt wird, wie Chevron ein digital verbessertes Bohrlochplanungstool erstellt hat, das bei der Planung eines 35.000 Fuß tiefen Brunnens (fast 7 Meilen unter der Erde) hilft: Video: Real World Stories: Globale Energieunternehmen treiben die digitale Transformation voran mit Microsoft Power Platform. Dieses digitale Tool verwendet Power Apps component framework, um die App-Erfahrung zu verbessern.

Die Codekomponente zeigt ein erweitertes Eingabefeld mit einer Dropdown-Liste mit zusätzlichen Informationen an, die Benutzern helfen, die Formeln zu verstehen, die verwendet werden, um den Wert des Eingabefelds zu erhalten.