Power Apps Component Framework (PCF)

Wat is Power Apps Component Framework?

Power Apps Component Framework, meestal PCF genoemd, is een ontwikkelraamwerk voor herbruikbare codecomponenten in Power Apps. Een component kan een standaardveld, datasetweergave of ander interface-element vervangen of aanvullen.

PCF is bedoeld voor situaties waarin standaardcontrols en makercomponenten niet volstaan. Voorbeelden zijn een gespecialiseerde planning, een kaartweergave, een grafische editor of een invoercontrol met domeinspecifieke validatie.

Dezelfde technische basis wordt gebruikt voor model-driven en canvas apps, al verschillen beschikbare API's en configuratie per host.

Opbouw van een codecomponent

Het manifest beschrijft de naam, versie, properties, datasets, resources en eventuele externe services. De implementatie wordt doorgaans in TypeScript geschreven en samen met CSS en andere lokale resources gebouwd.

Een veldcomponent ontvangt één of meer propertywaarden. Een datasetcomponent werkt met een verzameling records, kolommen, filtering, sortering en paginering.

De component wordt als solutioncomponent verpakt. Daardoor kan hij samen met apps, tabellen en andere afhankelijkheden tussen Power Platform-omgevingen worden verplaatst.

Lifecycle

De methode init bereidt de component voor en maakt de interface aan. updateView verwerkt nieuwe context, gewijzigde properties of een aangepaste containergrootte.

getOutputs geeft gewijzigde gebonden waarden terug aan de host. destroy ruimt event listeners, timers en andere resources op wanneer de component wordt verwijderd.

public updateView(context: ComponentFramework.Context<IInputs>): void { const value = context.parameters.amount.raw ?? 0; this.label.textContent = new Intl.NumberFormat("nl-BE").format(value); }

Dit fragment toont alleen de lifecyclevorm. Een productiecomponent behandelt ook toegankelijkheid, foutstatussen, resizegedrag en typeveilige outputs.

PCF versus canvas component library

Een canvas component library bevat low-codecomponenten die met Power Fx en bestaande controls zijn gemaakt. Makers kunnen die zonder klassieke buildtooling gebruiken en publiceren.

Een PCF-component gebruikt webtechnologie en framework-API's. Hij is geschikter voor nieuwe renderlogica, complexe interactie, datasetcontrols of toegang tot ondersteunde clientmogelijkheden.

Kies PCF niet alleen om een standaardcontrol anders te kleuren. Extra code brengt versiebeheer, securityreview, testen en onderhoud mee.

PCF versus web resource

Een HTML-webresource draait als afzonderlijke webinhoud en integreert minder direct met de lifecycle en context van Power Apps. Een PCF-component wordt door de host geladen en krijgt getypeerde toegang tot context, metadata en gebonden data.

Dat maakt PCF geschikter voor controls op forms, views en canvas-schermen. Het betekent niet dat willekeurige browsercode ondersteund is. Gebruik alleen gedocumenteerde API's en laad geen scripts via onbeheerde globale injectie.

Beveiliging en externe services

Clientcode is zichtbaar en draait met de mogelijkheden van de ingelogde gebruiker. Geheimen horen daarom niet in JavaScript, manifests of configuratieproperties.

Een component die vanuit de browser rechtstreeks met een externe service communiceert, moet dat in het manifest aangeven. Dit kan licentiegevolgen hebben en vraagt aandacht voor CORS, authenticatie, privacy en beschikbaarheid.

Dataverse- en connectorrechten blijven van toepassing. Een mooie interface mag geen poging doen serverbeveiliging te vervangen.

Kwaliteit en distributie

Test met verschillende clients, thema's, schermgroottes en datavolumes. Zorg voor toetsenbordbediening, labels, focusbeheer en voldoende contrast.

Gebruik semantische versies en automatiseer build en tests. Verpak alleen benodigde bestanden en controleer afhankelijkheden op kwetsbaarheden en licenties.

Publiceer de component via een solution en valideer de import in een testomgeving. Documenteer properties en ondersteunde hosts, zodat makers weten hoe de component veilig kan worden ingezet.