Einführung in das Power Apps Component Framework

5 Minuten

Microsoft Power Apps Component Framework können Sie wiederverwendbare Codekomponenten erstellen, die in Ihren Power Apps-Anwendungen und Power Pages-Websites verwendet werden können. Das Komponentenframework ermöglicht Entwicklern das Erstellen von Codekomponenten, wenn die sofort einsatzbereiten Komponenten nicht den Anforderungen eines App-Herstellers entsprechen. Codekomponenten sind visuelle Steuerelemente, die Sie beim Erstellen einer benutzerdefinierten Benutzererfahrung unterstützen. Diese Komponenten können auch Geschäftslogik umfassen, die die Visualisierung ergänzt, um Regeln zu erzwingen, die für das zu implementierende Szenario eindeutig sind.

Beispielsweise kann ein bestehendes App-Detailformular dem folgenden Bild ähneln.

Wenn Sie Ihre App jedoch für die Verwendung von benutzerdefinierten Codekomponenten neu konfiguriert haben, könnte Ihre App ungefähr so aussehen wie in der folgenden Abbildung.

Vor dem Power Apps Component Framework wurden HTML-Webressourcen verwendet, um jede Art einer benutzerdefinierte Präsentation für ein App-Formular bereitzustellen. Jetzt können Sie ein moderneres Framework verwenden, mit dem Funktionen für Ihre App verfügbar gemacht werden können, auf die Microsoft sonst nicht zugreifen könnten bzw. die von Microsoft gar nicht unterstützt werden.

Vorteile des Power Apps Component Framework

Power Apps-Komponenten basieren auf einem stabilen Framework, das moderne Webverfahren unterstützt. Hier finden Sie einige daraus resultierende Vorteile:

Zugriff auf eine Vielzahl von Framework-APIs, die Funktionen wie Verwaltung des Komponentenlebenszyklus, Kontextdaten und Metadaten bereitstellen.
Unterstützung von Client-Frameworks wie React und AngularJS.
Nahtloser Serverzugriff über Web-API, Dienstprogramm‑ und Datenformatierungsmethoden sowie Gerätefunktionen wie Kamera, Standort und Mikrofon.
Leistungsoptimierung
Wiederverwendbarkeit
Anwendung von Prinzipien für dynamisches Webdesign, um unabhängig von Bildschirmgröße, Gerät oder Ausrichtung für eine optimale Ansicht und Interaktion zu sorgen.
Möglichkeit, alle Dateien in einer einzigen Lösungsdatei mit anderen App-Ressourcen zu bündeln.

Arten von Komponenten, die Sie erstellen können

Feld – Ein benutzerdefiniertes Steuerelement für ein Feld in einem Formular. Anstatt eines einfachen Textfelds zur Eingabe einer Zahl könnte beispielsweise eine benutzerdefinierte Codekomponente zum Rendern eines Schiebereglers verwendet werden. Der Schieberegler kann über eine benutzerdefinierte Geschäftslogik verfügen, die die Haltepunkte auf dem Schieberegler basierend auf anderen verfügbaren und an die Komponente gebundenen Daten begrenzt.
Dataset – Ein benutzerdefiniertes Steuerelement zum Anzeigen von Datenzeilen. Anstelle eines gemeinsamen Rasters mit Zeilen und Spalten zur Anzeige der heutigen Termine könnte beispielsweise eine tägliche Planungscodekomponente erstellt werden. Die Codekomponente kann Funktionen wie Drag & Drop enthalten zur Neuplanung von Terminen enthalten.

Ersteller-Kit-Komponenten

Das Power Platform-Ersteller-Kit ist eine Sammlung mehrerer häufig verwendeter Steuerelemente für das Power Apps Component Framework. Zudem enthält das Kit eine Reihe von Vorlagen und anderen Dienstprogrammen, die zur Verbesserung der Entwicklerproduktivität beitragen. Alle enthaltenen Komponenten verwenden das Fluent UI-Framework, um Konsistenz zu gewährleisten. Diese Komponenten können gebrauchsfertig sein oder als Inspiration für Codekomponenten dienen, die Sie erstellen. Unter GitHub finden Sie den gesamten Quellcode für die Komponenten.

Gemeinschaft-Komponenten

Die Power Apps-Gemeinschaft hat zahlreiche Open-Source-Codekomponenten entwickelt und diese mit anderen geteilt. Eine häufige Anforderung besteht beispielsweise darin, Benutzereingaben anhand eines regulären Ausdrucks zu validieren. Sie können ein Client-Skript schreiben, um diese Überprüfung durchzuführen, oder sogar Ihre eigene Power Apps-Codekomponente schreiben und verwenden. Es kann von Vorteil sein, zu prüfen, ob jemand anderes dieses Problem bereits für Sie gelöst hat. Zahlreiche Beispiele finden Sie unter PCF-Katalog.

Wo Sie Hilfe finden