Ustvarjajte in urejajte generativne strani z orodji za generiranje AI kode

V tem članku je opisano, kako z orodji za ustvarjanje kode AI, kot je GitHub Copilot CLI, ustvarite in ureditegenerativne strani za aplikacije, ki temeljijo na modelu, Power Apps. S tem pristopom lahko zmogljivosti naprednega ustvarjanja kode integrirate neposredno v potek dela za razvoj, da ustvarite nove strani za ustvarjanje ali ponovitev na obstoječih straneh z naravnimi jezikovnimi navodili.

Nasvet

Ta pristop je priporočena pot za ustvarjanjegenerativnih strani. Omogoča dostop do najnovejših obmejnih modelov AI, deluje po vsem svetu v javnih oblakih in omogoča ustvarjanje več strani s podporo za podatkovne tabele Dataverse ali vire podatkov povezovalnika platforme Power Platform v enem zagonu.

Uporaba orodij za ustvarjanje kode AI zgenerativnimi stranmi dopolnjuje izkušnjo, ki temelji na uporabniškem vmesniku, v Power Apps (make.powerapps.com). Ta pristop, ki je prvi s kodo, ustreza kateremu koli ustvarjalcu ali razvijalcu, ki želi dostopati do najnovejših modelov uporabniškega vmesnika ali raje dela z lokalnimi razvojnimi orodji in poteki dela, ki temeljijo na vmesniku CLI.

opomba,

Če želite namesto posameznih strani, ki temeljijo na modelu, načrtovati, ustvariti ali urediti celotno aplikacijo, ki temelji na modelu, uporabite znanje graditelja aplikacije za predogled modela. Več informacij: Ustvarjanje in urejanje aplikacij, ki temeljijo na modelu, z orodji za ustvarjanje kode AI (predogled)

Kaj lahko narediš z orodji za generiranje kode

  • Ustvarite eno ali več generativnih strani v enem samem zagonu iz zahtev v preprostem jeziku
  • Ustvarite podporne Microsoft Dataverse tabele ki jih vaše strani potrebujejo, ali ponovno uporabite obstoječe, vključno z vzorčnimi podatki za nove tabele
  • (Predogled) Povezovanje s podatki zunaj storitve Dataverse s povezovalniki platforme Power Platform
  • Vstavite artefakte v novo ali obstoječo aplikacijo in rešitev, vključno z ustvarjanjem aplikacije ali rešitve sproti
  • Posodabljajte obstoječe generativne strani z zahtevami za spremembe ali izboljšave preko vašega AI orodja
  • Neposredno namestite v vaše Power Apps okolje z uporabo PAC CLI ukazov
  • Delajte lokalno z vašim priljubljenim IDE-jem in razvojnimi orodji ter s npm install podporo IntelliSense za generirano kodo

Kako deluje

  1. Opisujete, kaj želite zgraditi v naravnem jeziku, na primer: "Ustvarite generativno nadzorno ploščo strani, ki prikazuje najboljše račune po prihodkih."
  2. Načrtovalec analizira vašo zahtevo in predlaga načrt. Načrt lahko vključuje eno ali več strani, Podatkovne tabele ali vire podatkov, ki so varnostno kopirani s povezovalniki, ki jih potrebujejo strani, ter aplikacijo in rešitev, v kateri so artefakti. Načrtovalec nato delegira specializiranim agentom, da izdelajo to, kar načrt opisuje. Na primer, gradnik tabel in gradnik strani.
  3. Načrt pregledaš in prilagodiš pred gradnjo. Spremenite lahko število strani, zamenjate ali dodate vire podatkov, uporabite drugo aplikacijo ali vstavite artefakte v drugo rešitev.
  4. Agenti generirajo produkcijsko pripravljeno kodo TypeScript in React za vašo stran ali strani ter podporne datoteke za lokalni razvoj.
  5. Orodje razporeja artefakte v vaše okolje z uporabo generativnih ukazov PAC CLI strani in po želji izvede korak preverjanja v brskalniku, ki izvaja stran z generiranimi testi.
  6. Vaša generativna stran se pojavi v aplikaciji, ki temelji na modelih.

Zahteve

Preden začnete, se prepričajte, da imate potrebno programsko opremo in dovoljenja, opisana tukaj.

Zahteve programske opreme

Komponenta Najnižja različica Več informacij
Node.js 18.0 ali kasneje Prenesite Node.js
Power Platform CLI (PAC CLI) Najnovejše Namestite PAC CLI
GitHub Copilot CLI, Claude Code ali drugo orodje za generiranje kode Najnovejše GitHub Copilot CLI ali Claudeova koda

Dodatne zahteve

  • Okolje Power Platform z aplikacijo, ki temelji na modelih, za nameščanje strani.
  • Avtentificirana PAC CLI seja, povezana z vašim ciljnim okoljem.
  • Za strani s priključekom obstoječa povezava platforme Power Platform za vsak povezovalnik, ki ga želite uporabiti.

opomba,

Ta zmogljivost je na voljo po vsem svetu v javnih oblakih.

Namestite vtičnik

Zaženi namestitveni program, da nastaviš vse Power Platform vtičnike bodisi v PowerShellu ali v ukaznem oknu Windows.

iwr https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js -OutFile install.js; node install.js; del install.js

curl -fsSL https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js | node

Namestitveni program samodejno:

  • Zazna razpoložljiva orodja (GitHub Copilot CLI, Claude Code)
  • Registrira tržnico vtičnikov in namesti vse vtičnike
  • Omogoča samodejno posodabljanje, da so vtičniki ažurni

Po namestitvi po potrebi ponovno zaženi svoje AI orodje.

Namestite samo generativni vtičnik za stran

Za namestitev samo generativnega vtičnika strani za GitHub Copilot CLI ali Claude Code:

  1. Dodajte vtičnik za tržnico Power Platform Skills: /plugin marketplace add microsoft/power-platform-skills
  2. Namestite Power Apps vtičnik: /plugin install model-apps@power-platform-skills

opomba,

Za Claude Code lahko vtičnik namestite z različnimi obsegi, kot so globalni, lokalni ali uporabniški. Glede na obseg morate biti v pravilni mapi, da lahko Claude Code uporablja vtičnik. Pojdi na Extend Claude z znanjem.

Ko je vtičnik nameščen, ga lahko uporabljate na način:

  • Ukaz /genpage izvaja eksplicitno.
  • Opis strani, ki jo želite ustvariti. Orodje samodejno zazna in uporabi vtičnik.

Nasvet

Vklopite samodejno posodabljanje, da boste samodejno prejemali posodobitve o tržnici in veščinah. Uporabite ukaz, /plugin pojdite na tržnice, izberite tržnico in vklopite samodejno posodabljanje.

Uporaba drugih orodij za generiranje AI kode

Za druga orodja za generiranje AI kode poskrbite, da ima vaše orodje dostop do virov generativne strani iz repozitorija Power Platform skills GitHub. Mapa vtičnikov model-apps vključuje dokumentacijo komponent, vzorčno kodo, ukazne reference PAC CLI in navodila za potek dela, potrebna za ustvarjanje kode, ki ustreza zahtevam generativne strani, vključno s tem, kako ustvariti strani, ki podpirajo več jezikov in regij. Za informacije o dostopu in uporabi teh virov z vašim najljubšim orodjem se posvetujte v repozitoriju readme .

Pregled veščin

Vtičnik Power Apps omogoča to veščino za delo z generativnimi stranmi.

Spretnost Command Description
Generativne strani /genpage Ustvarjanje kode za generativne strani (za ustvarjanje ali urejanje scenarijev)

Ta veščina vam omogoča, da opišete, kaj želite zgraditi, in da orodje AI generira popolno kodo TypeScript in React za vašo generativno stran, nato pa jo neposredno namesti v vaše Power Apps okolje.

Ustvarite novo generativno stran

Sledite temu poteku dela, ko gradite novo stran ali nabor strani iz nič.

  1. Začnite pogovor s svojim AI orodjem. Opišite, kaj želite ustvariti. Bodite tako specifični ali odprti, kot želite — bolj kot je zahtevek nejasen, več si agent sam izpolni. Priložite lahko tudi sliko ali druge materiale, ki usmerjajo vizualno, tematiko in postavitev. Na primer:

    • "Ustvarite generativno nadzorno ploščo strani, ki prikazuje naših top 10 računov po prihodkih z uporabo tabele računov"
    • "Zgradite dve strani za upravljanje prijav prostovoljcev — eno za brskanje po prostih izmenah in drugo za potrditev prijave — z uporabo vzorčnih podatkov"
    • "Ustvarite generativno stran za prikaz poročil o incidentih na zemljevidu z uporabo tabele incidentov"
    • "Ustvarite stran, ki prikazuje dokumente iz Project datotek SharePoint list."

  2. Izberite ustvarjanje ali urejanje, če je to zahtevano. Če organizator ni prepričan, ali želite novo stran ali posodobiti obstoječo, vpraša. Če želite slediti temu delovnemu postopku, izberite ustvarjanje nove strani. Za urejanje pojdite na Uredi obstoječo generativno stran.

  3. Odgovarjajte na vprašanja o tem, kaj zgraditi. Načrtovalnik vas bo morda vprašal, katero vrsto strani želite, ponudi nekaj primerov in sprejme opis po meri, na primer, katere podatke uporabiti, postavitev, katere informacije želite prikazati, interakcije in tako naprej. Bodite natančni glede poslovnih in podatkovnih zahtev, zgodaj prepoznajte zahteve po mobilnih napravah ter omenite vse uporabniške komponente ali preference postavitve. Načrtovalnik vam bo morda zastavil tudi jasnejša vprašanja, na primer, ali uporabiti tabele Dataverse, priključke platforme Power Platform ali v hard-coded vzorčne podatke in ali želite dodati stran v obstoječo aplikacijo ali ustvariti novo aplikacijo.

  4. Preglejte in prilagodite načrt. Načrtovalnik predstavlja načrt, ki vključuje stran ali strani, ki jih namerava ustvariti, tabele Dataverse ali vire podatkov, ki so varnostno kopirani s povezovalniki, aplikacijo za gostovanje strani (novo ali obstoječo) in rešitev, kjer so artefakti živi. Iterirajte z agentom, da prilagodite vse, kar želite spremeniti — na primer število strani, katere tabele se uporabljajo ali ustvarjajo, ciljno aplikacijo ali ciljno rešitev. Potrdite načrt, ko se ujema z vašimi nameni.

  5. Naj agenti gradijo in razporejajo. Posebni posredniki ustvarijo stran ali strani, podporne tabele ali povezovalnike in kodo, nato pa uvedejo v vaše okolje.

  6. Po želji preverite v brskalniku. Po sestavi agent lahko ponudi izvedbo koraka preverjanja v brskalniku, ki samodejno izvede Playwright teste na strani, da potrdi, da se naloži in pravilno deluje. Uporabite to, da zaznate očitne težave, preden ga ročno testirate.

  7. Testiraj in iteriraj. Odprite svojo aplikacijo, ki temelji na modelih, v Power Apps in pojdite na novo stran. Če morate narediti spremembe, se vrnite k svojemu AI orodju in opišite posodobitve v naravnem jeziku.

opomba,

Ime ali položaj generativne strani na zemljevidu lahko kadarkoli spremenite iz oblikovalca aplikacij, ki temelji na modelih.

Uporaba podatkov povezovalnika (predogled)

Pomembno

Podpora za povezovalnik je funkcija predogleda. Poskusne funkcije niso za komercialno uporabo, njihovo delovanje je lahko omejeno.

Podpora povezovalnika omogočagenerativni strani uporabo podatkov zunaj dataverse prek konektorskega ekosistema platforme Power Platform. Podprti so vsi povezovalniki platforme Power Platform.

Če želite uporabiti podatke povezovalnika, opišite storitev in podatke, ki jih želite uporabiti na strani v pozivu. Prosite na primer posrednika, da ustvari stran, ki prikazuje dokumente iz SharePoint list. Med načrtovanjem posrednik:

  1. Navede povezave in sklice na povezave, ki so na voljo v izbranem okolju.
  2. Vas pozove, da izberete povezavo. Če povezava nima sklica na povezavo, ga posrednik ustvari.
  3. Vas prosi, da izberete podatke povezovalnika, na primer nabor podatkov in tabelo ali postopek povezovalnika.
  4. Doda vezavo povezovalnika na stran in jo vključi, ko je stran uvedena.

Preden odobrite graditev, preglejte vir podatkov povezovalnika v načrtu. Preskusite ustvarjeno stran z identitetami in dovoljenji, ki jih bodo uporabljali vaši uporabniki.

Uredite obstoječo generativno stran

Uporabite ta potek dela za posodobitev strani, ki že obstaja v vašem okolju.

  1. Pridobite obstoječo stran. V vašem orodju za generiranje AI kode zahtevajte pridobitev obstoječe generativne strani tako, da vnesete ID strani (GUID) ali ime strani v zemljevidu in aplikacijo, v kateri je. Na primer, "Želim posodobiti generativno stran za posvojitev hišnih ljubljenčkov iz aplikacije Demo."

  2. Opišite svoje posodobitve. Povejte AI orodju, katere spremembe želite narediti. Na primer:

    • "Dodaj filter, ki prikazuje samo aktivne zapise"
    • "Spremenite postavitev tako, da kartice prikažete v mreži namesto seznama"
    • "Dodaj graf, ki prikazuje trende sprejetja skozi čas"
    • "Posodobi obrazec, da vključi novo prilagojeno polje za temperament hišnega ljubljenčka"

  3. Pregledajte, objavljajte, testirajte in iterirajte. Orodje UI generira posodobljeno TypeScript kodo na podlagi vaših zahtevanih sprememb. Sledite istemu postopku pregleda, objavljanja in testiranja, kot je opisan v razdelku »Ustvari novo generativno stran«. Nadaljujte z iteracijami z navodili v naravnem jeziku, dokler stran ne ustreza vašim zahtevam.

Lokalne razvojne datoteke

Ko orodje UI ustvari stran, napiše tudi dve podporni datoteki v vaš lokalni delovni prostor, da olajša pregledovanje in iteracije kode:

  • package.json — deklarira odvisnosti med izvajanjem in razvojem, proti katerim se generirana stran prevaja. Zaženite npm install po generaciji za namestitev teh odvisnosti.
  • genpage.d.ts — ambientalne TypeScript deklaracije za objekte, ki niso nameščeni preko npm, kot dataApi sta in pageInput.

Ko sta obe datoteki na mestu in dokončani npm install , IntelliSense vašega urejevalnika, kot je v VS Code, deluje proti generirani kodi, tako da lahko stran pregledate ali ročno urejate brez rdečih vijugak za nerešene tipe.

Nastavite stran, ki sprejema vhodne parametre

Generativne strani lahko sprejemajo vhodne parametre recordId, entityName, in data, kar jim omogoča prejemanje kontekstualnih podatkov, ko jih preusmerijo iz drugih strani ali kode. Ko naročite AI orodju, naj nastavi vhodne parametre, ustvari ustrezno inicializacijsko kodo, tako da stran bere in uporablja te vrednosti ob nalaganju.

Opišite parametre, ki jih želite v svojem pozivu:

  • "Nastavi stran, da sprejme Account recordId in entityName. Ko se stran naloži, uporabite te parametre za pridobivanje in prikaz ustreznih podatkov o računu."
  • "Nastavite to stran, da sprejme podatkovni parameter, ki vsebuje prilagojen filter objekt. Uporabite ga za filtriranje prikazanih zapisov, ko se stran naloži."

Za navigacijo do strani in posredovanje teh parametrov glejte Navigacija do in iz generativne strani z uporabo odjemalskega API-ja.

Lokalizacija

Ko ustvarite stran za ustvarjanje s pomočjo Power Apps, se lokalizacija obravnava samodejno. Agent zazna vse omogočene jezike v vašem okolju in ustvari kodo, da stran deluje z vsemi temi jeziki. Stran upošteva uporabnikove jezikovne in regionalne oblikovne preference za datume, številke in valuto.

Če želite ciljati na drugačen nabor jezikov kot tiste, ki so omogočeni v vašem okolju, lahko agenta prosite za prilagoditev, na primer:

"Posodobite to stran, da podpira samo angleščino, francoščino in španščino."

opomba,

Vnos zemljevida za generativno stran ni privzeto lokaliziran. Za lokalizacijo vnosov v zemljevidu lokacije jih posodobite ločeno v oblikovalcu aplikacij.

Za več informacij obiščite navodila za lokalizacijo v repozitoriju Power Platform Skills.

Odpravljanje težav

Stran se v Power Apps ne naloži

Če obiščete svojo generativno stran in opazite sporočilo o napaki ali prazen zaslon:

  1. Odpri orodja za razvijalce brskalnika (F12 v večini brskalnikov).

  2. Izberite zavihek Konzola .

  3. Kopirajte celotno sporočilo o napaki, vključno s sledjo sklada.

  4. Vrnite se v orodje za generiranje AI kode in napako prilepite z kontekstom:

    "Ob odpiranju strani dobim to napako: [napaka pri lepitvi tukaj]. Prosim, reši težavo."

    Orodje umetne inteligence analizira napako, identificira vzrok in ustvari popravek.

  5. Preglejte popravek in prosite orodje, naj ponovno objavi stran.

Vrnitev k delujoči različici

Če so nedavne spremembe pokvarile vašo stran ali poslabšale težave, lahko prosite orodje AI, naj se vrne na prejšnjo delujočo različico:

"Nedavne spremembe so zlomile stran. Prosim, vrnite se na zadnjo delujočo različico."

Orodje umetne inteligence torej:

  1. Identificira spremembe, ki so bile narejene
  2. Obnovi prejšnjo delovno kodo
  3. Ponovna namestitev stabilne različice

Najboljši postopki

  • Začni preprosto. Začnite z osnovno različico svoje strani in postopoma postopite, da dodate kompleksnost.
  • Pogosto testirajte. Po vsaki pomembni spremembi svojo stran namestite in testirajte.
  • Bodite konkretni. Zagotovite podrobne zahteve za boljše začetne rezultate.
  • Uporabite obstoječe vzorce. Pri opisovanju zahtev se sklicujte na podobne strani ali vzorce uporabniškega vmesnika.
  • Preverite generirano kodo. Vedno pregledajte ustvarjeno kodo, da zagotovite, da ustreza standardom in zahtevam skladnosti vaše organizacije.

Pomembno

Medtem ko orodja za generiranje kode z umetno inteligenco poskušajo po najboljših močeh ustvariti popolno, produkcijsko pripravljeno kodo z najboljšimi praksami dostopnosti in varnosti, ste vi na koncu odgovorni za preverjanje kode. Poskrbite, da generirana koda ustreza standardom, politikam in zahtevam skladnosti vaše organizacije.

Omejitve

Omejitve za generativne strani, ustvarjene z orodji za generiranje AI kode, so enake kot za generativne strani, ustvarjene v portalu Power Apps maker:

  • Podprti viri podatkov so tabele Dataverse in povezovalniki platforme Power Platform (predogled).
  • Sodelovanje ni podprto—poskrbite, da na generativni strani hkrati dela le en ustvarjalec.
  • Podprti so le ti tipi podatkov: Izbira, Valuta, Stranka, Datum in Čas, Samo Datum, Decimalna številka, Številka s plavajočo vejico, Slika, Iskanje, Večvrstično besedilo, Status, Razlog statusa, Besedilo, Cela številka, Da/Ne, Edinstveni identifikator.

Sorodna vsebina

  • Last updated on