Oznaka tekoče predloge za komponente kode

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

Power Apps component framework omogoča profesionalnim razvijalcem in ustvarjalcem aplikacij, da ustvarijo komponente kode za aplikacije, ki temeljijo na modelu, in aplikacije s platnom. Te komponente kode lahko nudijo izboljšano izkušnjo uporabnikom, ki delajo s podatki na obrazcih, pogledih in nadzornih ploščah. Več informacij: Uporabite komponente kode v portalih

Pomembno

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

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 Power Apps okvirnih smernic za komponente in ga 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 portali za dodajanje komponente na spletno stran. Nato boste obiskali spletno stran portalov in komunicirali 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

Za predpogoje in če želite izvedeti več o podprtih/nepodprtih komponentah kode v portalih, pojdite na Uporabite komponente kode v portalih.

Opomba

Ta vadnica uporablja vzorčno komponento kode, ustvarjeno z uporabo Power Apps komponentni okvir za prikaz nadzora 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 ustvarjanju komponent kode pojdite na Ustvarite svojo prvo komponento.

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

1. Odprite svoj portal v Studiu portalov Power Apps.

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 za urejanje na strani, da uredite tekočo izvorno kodo.

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.

Naslednji koraki

Pregled: Uporaba komponent kode v portalih

Glejte tudi

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

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).