Lägg till kodkomponenter till en anpassad sida i en modellbaserad app

Artikel
03/15/2023

I den här artikeln beskrivs hur du använder kodkomponenter som skapats av professionella utvecklare som använder Power Apps component framework på en anpassad sida. För anpassad UX-utbyggbarhet med låg kod, se lägg till arbetsytekomponenter till en anpassad sida för din modelldrivna app.

Viktigt

Anpassade sidor är en ny funktion med betydande produktförändringar och har för närvarande ett antal kända begränsningar som beskrivs i kända problem med anpassad sida.

Anteckning

Anpassade sidor har stöd för alla API:er för component framework som för närvarande stöds för appar.
Vissa modellstyrda appspecifika API:er som WebAPIoch Navigering har publicerat appstöd för anpassade sidor. Dessa API:er kan användas i kodkomponenten för anpassade sidor och fungerar på den slutliga publicerade appen.
För individuell API-stödstatus på varje plattform, se Power Apps component framework API referens

Kodkomponenter ger professionella utvecklare möjlighet att skapa anpassade kodkomponenter som ska användas i en app. Den här pro-kod utbyggbarhetsmekanismen ger en förstklassig hantering av programmets livscykel (ALM)att sömlöst utöka komponenterna som är tillgängliga för alla apptillverkare i hela organisationen. Kodkomponenter kan återanvändas på egna sidor, anpassade sidor och modellstyrda appar. De kan uppdateras, paketeras och flyttas centralt med hjälp av Microsoft Dataverse standardlösningar. Mer information: Översikt över Power Apps component framework

Aktivera Power Apps component framework för anpassade sidor

Om du vill använda kodkomponenter på en anpassad sida måste du aktivera Power Apps component framework-funktionen. Mer information: Aktivera Power Apps component framework-funktion

Skapa kodkomponenter för användning på en anpassad sida

I det här avsnittet beskrivs hur du skapar, importerar och testar kodkomponenter.

Skapa och importera kodkomponenter i Dataverse

Kodkomponenterna för anpassade sidor följer samma mönster som för appen. Kodkomponenter måste implementeras först innan de kan läggas till på en anpassad sida. Information om hur du skapar en kodkomponent finns i Skapa den första komponenten.

Du kan också prova OOB-exempelkomponenter för att komma igång snabbt. När du är klar med implementeringen av kodkomponenten kan den förpackas i en lösning och läggas till i Dataverse, så att den blir tillgänglig för användning på alla anpassade sidor i enlighet med modellstyrda appar och appar. Mer information: Kodkomponenter, hantering av programmets livscykel (ALM).

Importera och använda kodkomponent på en anpassad sida

I en miljö kan anpassade sidor använda alla kodkomponenter som tidigare importerades till Dataverse med hjälp av lösningar. I vänstra rutan, välj Lägg till (+) och välj Hämta fler komponenter längst ned på sidan. En kodflik visas i rutan Importera komponenter som visar alla kodkomponenter som finns i miljön.

Anteckning

Om fliken kod inte visas i Importera komponent kontrollerar du att funktionsinställningen för Power Apps component framework för arbetsyteappar är inställd. Mer information: Aktivera Power Apps component framework-funktion
Se också till att du arbetar med den senaste versionen av Appen Studio.

De nyligen tillagda kodkomponenterna är nu tillgängliga under avsnittet Kodkomponenter. Den kan läggas till på en anpassad sida.

Testa kodkomponenten i studio och publicerad app

Precis som i appar är kodkomponenter interaktiva och kan testas i redigeringsmiljön i anpassad sida studio. Specifika API:er som Web APIs och Navigation, som bara har stöd för anpassad sidkörning när den anropas, visar felmeddelandet "Metod inte implementerad".

Du kan ignorera felet och publicera den anpassade sidan. Lägg sedan till den här anpassade sidan i den modellstyrda appen och publicera appen så att det egna webb-API:et för sidan visas.

I bilden nedan visas standard exempelkontrollen för Webb-API och Navigerings-API-kontrollen som lagts till på en anpassad sida som arbetar i en publicerad modellbaserad app.