Deli putem

Liquid oznaka predloška za komponente koda

  • Članak

Napomena

Od 12. oktobra 2022. Power Apps portali postaju Power Pages. Više informacija: Usluga Microsoft Power Pages je sada opštedostupna (blog)
Uskoro ćemo migrirati i objediniti dokumentaciju o Power Apps portalima sa dokumentacijom o usluzi Power Pages.

Power Apps component framework osnažuje profesionalne programere i autore aplikacija u kreiranju komponenti koda za aplikacije zasnovane na modelu i aplikacije sa podlogom. Ove komponente koda mogu pružiti poboljšani doživljaj korisnicima koji rade sa podacima na obrascima, prikazima i kontrolnim tablama. Još informacija: Korišćenje komponenti koda na portalima

Važno

Liquid oznaka predloška za komponente koda zahteva verziju portala 9.3.10.x ili noviju.

U ovom izdanju, uveli smo mogućnost dodavanja komponenti koda kreiranih pomoću Liquid oznake predloška na veb-stranicama i omogućili komponente koje koriste Web API i koje su omogućene za komponente na nivou polja u obrascima na portalima.

Komponente koda možete dodati koristeći oznaku codecomponent Liquid predloška. Ključ za označavanje komponente koda koja treba da se učita propušta se pomoću atributa name. Ključ može da bude GUID (što je ID komponente koda) ili naziv komponente koda uvezene u Microsoft Dataverse.

Vrednosti svojstava koje komponenta koda očekuje treba da se prosleđuju kao par ključ/vrednost razdvojen znakom ":" (dvotačka), gde je ključ naziv svojstva, a vrednost je vrednost JSON niske.

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

Na primer, da biste dodali komponentu koda koja očekuje ulazni parametar pod nazivom controlValue, koristite sledeću oznaku Liquid predloška:

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

Savet

U ovom primeru koriste se parametri pod nazivom controlValue i controlApiKey, međutim komponenta koju koristite može zahtevati različite nazive parametara.

Možete da koristite kontrolu uzorka mape i da pakujete komponentu koda kao rešenje za korišćenje sa portalima.

Napomena

Microsoft ne podržava resurse koje kreira zajednica. Ako imate pitanja ili problema sa resursima zajednice, obratite se izdavaču resursa. Pre korišćenja ovih resursa, morate se uveriti da ovi oni ispunjavaju smernice za Power Apps component framework i da ih treba koristiti samo u referentne svrhe.

Uputstvo: Korišćenje komponenti koda na stranicama sa Liquid oznakom predloška

U ovom uputstvu, konfigurisaćete Power Apps portale da dodaju komponentu veb-stranici. Zatim ćete posetiti veb-stranicu portala i stupiti u interakciju sa komponentom.

Pre nego što počnete

Ako koristite komponentu uzorka koda koja je korišćena u ovom uputstvu, uverite se da ste prvo uvezli probna rešenja u okruženje pre nego što počnete. Da biste saznali više o uvozu rešenja, idite na Uvoz rešenja.

Preduslovi

Za preduslove i da biste saznali više o podržanim/nepodržanim komponentama koda na portalima, pogledajte članak Korišćenje komponenti koda na portalima.

Napomena

Ovo uputstvo koristi komponentu probnog koda kreiranu pomoću platforme Power Apps component framework za demonstraciju kontrole mape na veb-stranici. Možete i samostalno da koristite bilo koju postojeću ili novu komponentu, kao i bilo koju drugu veb-stranicu za ovo uputstvo. U tom slučaju, obavezno koristite komponentu i veb-stranicu kada pratite korake u ovom uputstvu. Više informacija o kreiranju komponenti koda potražite u članku Kreiranje prve komponente.

Korak 1. Dodavanje komponente koda veb-stranici iz aplikacije Studio

  1. Otvorite svoj portal u Power Apps portalima Studio.

  2. U gornjem levom uglu izaberite stavku Nova stranica.

  3. Izaberite opciju Prazno.

  4. U desnom oknu svojstava ažurirajte naziv veb-stranice. Na primer, „Prikazivač mapa“.

  5. Ažurirajte delimičan URL. Na primer, „mapviewer“.

  6. Proširite Dozvole.

  7. Onemogućite stranicu koja je dostupna svima.

  8. Izaberite veb-uloge kojima treba da bude dozvoljen pristup ovoj stranici.

  9. Izaberite oblast koja se može uređivati na stranici da biste uređivali Liquid izvorni kôd.

  10. Otvorite uređivač koda programa Studio.

  11. Dodajte kontrolu sa Liquid oznakom predloška koristeći sledeću sintaksu:

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

    Savet

    Da biste preuzeli detalje svih uvezenih komponenti i potražili naziv komponente, pogledajte CustomControl Web API.

    Na primer:

    • Da biste potražili komponentu:

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

    • Da biste vratili ulazne parametre za komponentu:

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

  12. Sačuvajte i zatvorite uređivač koda.

  13. U gornjem desnom uglu izaberite Veb lokaciju "Pregledanje".

  14. Veb-stranica će sada prikazati kontrolu koja mu je dodata.

Sledeći koraci

Pregled: Koristite komponente koda na portalima

Pogledajte i ovo

Codecomponent oznaka Dataverse entiteta
Codecomponent oznaka predloška
Pregled usluge Power Apps component framework
Kreiranje prve komponente
Dodajte komponente koda u kolonu ili tabelu u aplikacijama zasnovanim na modelu
Primena probne komponente Web API-ja za portale

Napomena

Možete li nam reći o svojim željenim postavkama jezika u dokumentaciji? Ispunite kratku anketu. (imajte na umu da je ova anketa na engleskom jeziku)

Anketa će trajati oko sedam minuta. Ne prikupljaju se lični podaci (izjava o privatnosti).