Jagamisviis:

Koodikomponentide Liquidi mallisilt

  • Artikkel

Märkus

Alates 12. oktoobrist 2022 on Power Appsi portaalid Power Pages. Lisateave: Microsoft Power Pages on nüüd üldiselt saadaval (ajaveebipostitus)
Peagi migreerime ja ühendame Power Appsi portaalide dokumentatsiooni Power Pagesi dokumentatsiooniga.

Power Apps Component Framework annab professionaalsetele arendajatele ja rakenduse tegijatele võimaluse luua mudelipõhistele ja lõuendirakendustele koodikomponente. Need koodikomponendid võivad pakkuda kasutajatele täiustatud kogemust vormide, vaadete ja armatuurlaudade andmetega töötamisel. Lisateave: Kasuta koodikomponente portaalides

Oluline

Koodikomponentide Liquid mallisildi jaoks on vaja portaalide versiooni 9.3.10.x või uuemat.

Selles väljalaskes, oleme kasutusele võtnud võimaluse lisada veebilehtedele koodikomponente koos Liquid maiilisildiga ja lubanud komponente, mis kasutavad veebi API-t, mis on portaalide vormide väljataseme komponentide jaoks lubatud.

Koodikomponente saab lisada kasutades codecomponent Liquid mallisilti. Võti, mille abil saab koodikomponenti, mis tuleb laadida, edastatakse atribuudi name abil. Võtmeks võib olla GUID (ehk koodikomponendi ID) või Microsoft Dataversei imporditud koodikomponendi nimi.

Nende atribuutide väärtused, mida koodikomponent eeldab, tuleb sisestada võtme/väärtuse paaridena, mis on eraldatud väärtusega „:“ (koolon), kus võti on atribuudi nimi ja väärtus on JSON-stringi väärtus.

{% codecomponent name: <ID or name> <property1:value> <property2:value> %}

Näiteks, et lisada koodikomponendi, mis eeldab sisendparameetrit nimega controlValue, kasutage järgmist Liquid mallisilti:

{% codecomponent name:abc_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value>%}

Näpunäide

Selles näites kasutatakse parameetreid nimega controlvalue ja controlApiKey, kuigi komponent, mida teie kasutate, võib nõuda mõnda teist parameetri nime.

Saate kasutada näidisvaste juhtelementi ja pakendada koodikomponent lahendustena portaalides kasutamiseks.

Märkus

Kogukonna poolt loodud ressursse Microsoft ei toeta. Kui teil on kogukonnaressurssidega probleeme või küsimusi, pöörduge ressursi avaldaja poole. Enne nende ressursside kasutamist peate tagama, et need kogukonna ressursid vastavad Power Apps component framework juhistele ja neid tuleks kasutada ainult viiteotstarbel.

Õpetus: kasutage koodikomponente Liquid malli sildiga lehtedel

Käesoleva õpetuse raames konfigureerite Power Apps portaalid, et lisada komponent veebilehele. Seejärel külastate portaalide veebilehte ja suhtlete komponendiga.

Enne alustamist

Kui kasutate selles õpetuses kasutatud näidiskoodikomponenti, importige enne järgmiste sammudega alustamist esmalt näidislahendused keskkonda. Lahenduse importimise kohta leiate teavet teemast Lahenduste importimine.

eeltingimused

Eeltingimused ja info portaalides toetatud/toetuseta koodikomponentide kohta, leiate teemast Koodikomponentide kasutamine portaalides.

Märkus

See õpetus kasutab näidiskoodi komponenti, mis on loodud Power Apps component framework kasutades kaardi juhtelemendi loomiseks veebilehel. Selle õpetuse jaoks saate kasutada ka enda olemasolevat või uut komponenti ja mis tahes muud veebilehte. Sel juhul veenduge, et kasutate oma komponenti ja veebilehte, kui järgite selle õpetuse juhiseid. Lisateavet koodikomponentide loomise kohta leiate teemast Esimese komponendi loomine.

1. etapp. Koodikomponendi lisamine veebilehele kasutades stuudiot

  1. Avage oma portaal Power Apps portaalides Studio.

  2. Valige vasakus ülanurgas Uus leht.

  3. Valige Tühi.

  4. Värskendage parempoolsel atribuudipaanil veebilehe nime. Näiteks „Kaardivaatur.“

  5. Värskendage osalist URL-i. Näiteks „mapviewer.“

  6. Laiendage Õiguseid.

  7. Keela Leht on kõigile saadaval.

  8. Valige veebirollid, mille puhul peaks sellele lehele olema juurdepääs.

  9. Valige lehel redigeeritav ala, et redigeerida Liquidi lähtekoodi.

  10. Ava stuudio koodiredaktor.

  11. Lisage juhtelement Liquidi mallisildiga, kasutades järgmist süntaksit:

    {% codecomponent name:abc\_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value> %}

    Näpunäide

    Kõigi imporditud komponentide üksikasjade toomiseks ja komponendi nime otsimiseks vaadake CustomControli veebi API-d.

    Näiteks:

    • Komponendi otsimiseks:

      https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$select=ContosoCustomControlName

    • Komponendi sisendparameetrite toomiseks:

      https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$filter=name eq 'ContosoCustomControlName' &$select=manifest

  12. Salvestage ja sulgege koodiredaktor.

  13. Valige paremas ülanurgas käsk Sirvi veebisaiti.

  14. Veebilehel kuvatakse nüüd juhtelemendid, mis on sellele lisatud.

Järgmised toimingud

Ülevaade: Kasuta koodikomponente portaalides

Vt ka

Koodikomponendi Dataversei olemisilt
Koodikomponendi mallisilt
Power Apps component frameworki ülevaade
Esimese komponendi loomine
Koodikomponendi lisamine veerule või tabelile mudelipõhisestes rakendustes
Portaali veebi-API näidiskomponendi juurutamine

Märkus

Kas saaksite meile dokumentatsiooniga seotud keele-eelistustest teada anda? Osalege lühikeses uuringus. (Uuring on ingliskeelne.)

Uuringus osalemine võtab umbes seitse minutit. Isikuandmeid ei koguta (privaatsusavaldus).