Selvstudium: Brug af kodekomponenter i portaler

Bemærk

Fra 12. oktober 2022 bliver Power Apps-portaler til Power Pages. Flere oplysninger: Microsoft Power Pages er nu generelt tilgængelig (blog)
Vi overfører og fletter snart dokumentationen til Power Apps-portalerne med Power Pages-dokumentationen.

I dette selvstudium skal du oprette en eksempelkomponent ved hjælp af Power Apps component framework. Du pakker denne komponent i et Dataverse-miljø og føjer komponenten til en modelbaseret app. Herefter skal du konfigurere Power Apps-portaler til at føje komponenten til en grundlæggende formular og tilføje en grundlæggende formular til en webside. Endelig skal du besøge portalernes webside og interagere med komponenten.

Forudsætninger

• Din portalversion skal være 9.3.3.x eller nyere.
• Startportalpakken skal være 9.2.2103.x eller højere.

Bemærk

Dette selvstudium er baseret på det eksisterende selvstudium til Power Apps component framework, der fører dig gennem oprettelsen af TSLinearInputComponent for tabellen Salgsmulighed i hovedformularen. Du kan også bruge en eksisterende eller ny komponent og en hvilket som helst anden tabel til dette selvstudium. I dette tilfælde skal du sørge for at bruge komponenten og formularen, når du følger trinnene i dette selvstudium.

Trin 1. Opret din første komponent

Hvis du vil oprette en eksempelkomponent, skal du følge trinnene i selvstudium Opret den første-komponent. I slutningen af dette selvstudium skal du have komponenten TSLinearInputComponent pakket og overført til Dataverse-miljøet.

Trin 2. Føje kodekomponenten til et felt i en modelbaseret app

Nu, hvor TSLinearInputComponent er overført til dit Dataverse-miljø, skal du følge trinnene i selvstudium Føje en kodekomponent til et felt i modelbaserede apps for at føje komponenten til tabellen Salgsmulighed i hovedformularen.

Trin 3. Kontrollér den modelbaserede app med den nye komponent

Du kan opdatere en eksisterende modelbaseret app eller oprette en ny app med den formular, du har føjet komponenten til. Følgende billede viser f.eks., hvordan hovedformularen i tabellen Salgsmulighed ser ud, når du bruger kodekomponenten i dette selvstudium.

Trin 4. Tilføje kodekomponent til en basisformular i portaler

I dette trin skal du oprette en ny grundlæggende formular i portaler og derefter føje komponenten til den oprettede grundlæggende formular. Du kan også bruge en eksisterende basisformular i stedet.

Trin 4.1. Opret en ny basisformular

1. Åbn appen Portaladministration.

2. Vælg under Indhold Basisfomularer fra venstre rude.

3. Vælg Ny.

4. Angiv Navn. Det kan f.eks. være basisformularen Salgsmuligheder med kodekomponenten.

5. Vælg Basisnavn som Salgsmulighed.

6. I forbindelse med Formularnavn skal du vælge den modelbaserede appformular, du har føjet kodekomponenten til tidligere i dette selvstudium.

7. Vælg fanen Navn.

8. Vælg dit portal websted

   

9. Vælg Gem og luk.

Trin 4.2. Tilføje kodekomponenten til en basisformularen

1. Åbn appen Portaladministration.

2. Vælg under Indhold Basisfomularer fra venstre rude.

3. Vælg den basisformular, du oprettede i forrige trin.

4. Vælg Relateret.

5. Vælg Metadata for basisformular.

6. Vælg Ny metadata til basisformular.

7. Vælg Type som Attribut.

8. Vælg Logisk navn for attributten som budgetbeløb (budgetbeløb).

   

9. Angiv Etiket. F.eks. Budgetbeløb.

10. Vælg Kodekomponent for Kontrolelementtype.

    

11. Vælg Gem og luk.

Trin 5. Oprette en webside i portaler med basisformularen

1. Åbn din portal i Power Apps Portal Studio.

2. Vælg Ny side i øverste venstre hjørne.

3. Vælg Tom.

4. Opdater websidenavnet i egenskabsruden til højre. Det kan f.eks. være Salgsmuligheder.

5. Opdater en del af URL-adressen. Det kan f.eks. være Salgsmuligheder.

6. Udvid tilladelser.

7. Deaktiver Side tilgængelig for alle.

8. Vælg de webroller, der skal have adgang til denne side.

9. Vælg sektionen Kolonne under sektionen Overskrift i sideeditoren.

10. Vælg Komponenter i venstre rude.

11. Vælg Formular under Portalkomponenter.

12. Vælg Brug eksisterende i egenskabsruden til højre.

13. Vælg den basisformular, du har oprettet tidligere i dette selvstudium under Navn.

    Tip

    Hvis formularen ikke er tilgængelig, kan du prøve Synkroniseringskonfiguration for at synkronisere ændringer fra Dataverse.

14. Vælg Gennemse websted i øverste højre hjørne.

Websiden viser nu den basisformularen for tabellen Salgsmuligheder med kodekomponenten som skyderen i stil med dens udseende ved hjælp af den modelbaserede app til den samme formular.

Næste trin

Oversigt: Brug kodekomponenter i portaler

Se også

Oversigt over Power Apps component framework
Opret din første komponent
Tilføj kodekomponent til et felt eller en tabel i modelbaseret apps

Bemærk

Kan du fortælle os om dine sprogpræferencer for dokumentation? Tag en kort undersøgelse. (bemærk, at denne undersøgelse er på engelsk)

Undersøgelsen tager ca. syv minutter. Der indsamles ingen personlige data (erklæring om beskyttelse af personlige oplysninger).