Oznaka predloge Liquid za komponente kode (predogledna različica)

  • Članek
  • 3 min za branje

[Ta članek je del predizdajne dokumentacije in se lahko spremeni.]

Ogrodje komponent Power Apps omogoča profesionalnim razvijalcem in izdelovalcem aplikacij, da ustvarijo komponente kode za aplikacije, ki jih poganja model, in platnene aplikacije. Te komponente kode lahko nudijo izboljšano izkušnjo uporabnikom, ki delajo s podatki na obrazcih, pogledih in nadzornih ploščah. Več informacij: Uporaba komponent kode v portalih (predogled)

Pomembno

Oznaka predloge Liquid za komponente kode zahteva različico portalov 9.3.10.x ali novejše.

S to izdajo smo uvedli možnost dodajanja komponent kode z uporabo a Oznaka tekoče predloge na spletnih straneh in omogočene komponente s spletnim API-jem, ki so omogočene za komponente na ravni polja na obrazcih v portalih.

Komponente kode lahko dodate z uporabocodecomponent Oznaka tekoče predloge. Ključ za označevanje komponente kode, ki jo je treba naložiti, se posreduje z atributom name. Ključ je lahko GUID (ki je ID kodne komponente) ali ime kodne komponente, uvožene v Microsoft Dataverse.

Vrednosti lastnosti, ki jih pričakuje komponenta kode, je treba posredovati kot par ključ/vrednost, ločeno z ": " (znak dvopičja), kjer je ključ ime lastnosti, vrednost pa vrednost niza JSON.

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

Na primer, če želite dodati komponento kode, ki pričakuje vhodni parameter z imenom controlValue, uporabite naslednjo oznako Liquid predloge:

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

Nasvet

Ta primer uporablja parametre, imenovane kontrolna vrednost in controlApiKey, vendar lahko komponenta, ki jo uporabljate, zahteva drugačna imena parametrov.

Lahko uporabite vzorčni nadzor zemljevida in zapakirajte komponento kode kot rešitev za uporabo s portali.

Opomba

Microsoft ne podpira virov, ki jih je ustvarila skupnost. Če imate vprašanja ali težave z viri skupnosti, se obrnite na založnika vira. Pred uporabo teh virov se morate prepričati, da ustrezajo smernicam za okvir komponent Power Apps in jih je treba uporabljati samo za referenčne namene.

Vadnica: Uporaba komponent kode na straneh z oznako predloge Liquid

V tej vadnici boste konfigurirali Power Apps portale, da dodate komponento na spletno stran in nastavite dostop za Spletni vir mizo. Nato boste obiskali spletno stran portalov in sodelovali s komponento.

Preden začnete

Če uporabljate vzorčno komponento kode, uporabljeno v tej vadnici, se prepričajte, da najprej uvozite vzorčne rešitve v okolje, preden začnete. Če želite izvedeti več o uvozu rešitev, pojdite na Uvozne rešitve.

Zahteve

Če želite izvedeti predpogoje in izvedeti več o podprtih/nepodprtih komponentah kode v portalih, pojdite na Uporaba komponent kode v portalih (predogled).

Opomba

Ta vadnica uporablja vzorčno komponento kode, ustvarjeno z okvirjem komponente Power Apps, da prikaže nadzor zemljevida na spletni strani. Za to vadnico lahko uporabite tudi katero koli obstoječo ali novo lastno komponento in katero koli drugo spletno stran. V tem primeru se prepričajte, da uporabljate svojo komponento in spletno stran, ko sledite korakom v tej vadnici. Za več informacij o tem, kako ustvariti komponente kode, pojdite na Ustvarite svojo prvo komponento.

1. korak: Dodajte komponento kode na spletno stran iz Studia

  1. Odprite svoj portal Power Apps portali Studio.

  2. V zgornjem levem kotu izberite Nova stran.

  3. Izberite Prazno.

  4. V desnem podoknu lastnosti posodobite ime spletne strani. Na primer »Pregledovalnik zemljevidov«.

  5. Posodobite delni URL. Na primer "mapviewer".

  6. Razširite Dovoljenja.

  7. Onemogočite možnost Stran je na voljo vsem.

  8. Izberite spletne vloge, ki naj imajo dovoljen dostop do te strani.

  9. Izberite območje, ki ga je mogoče urejati, na strani, da uredite izvorno kodo Liquid.

  10. Odprite urejevalnik kode v Studiu.

  11. Dodajte nadzor z oznako Liquid predloge z naslednjo sintakso:

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

    Nasvet

    Če želite pridobiti podrobnosti o vseh uvoženih komponentah in poiskati ime komponente, glejte spletni API CustomControl.

    Na primer:

    • Če želite poiskati komponento:

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

    • Če želite pridobiti vhodne parametre za komponento:

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

  12. Shranite in zaprite urejevalnik kode.

  13. V zgornjem desnem kotu izberite Prebrskaj spletno mesto.

  14. Spletna stran bo zdaj prikazala kontrolnik, na katerem je dodan.

2. korak. Omogočanje dostopa za branje za tabelo spletnega vira

Sledite korakom, opisanim v Dovoli dostop za branje do tabele spletnih virov.

Naslednji koraki

Pregled: Uporaba komponent kode v portalih

Glejte tudi

Oznaka entitete Codecomponent Dataverse
Oznaka Codecomponent Template
Power Apps Pregled okvirja komponent
Ustvarjanje prve komponente
Dodajte komponente kode v stolpec ali tabelo v aplikacijah, ki jih poganja model
Izvedba vzorčne komponente spletnega API-ja portala