Napomena
Za pristup ovoj stranici potrebna je autorizacija. Možete se pokušati prijaviti ili promijeniti direktorije.
Za pristup ovoj stranici potrebna je autorizacija. Možete pokušati promijeniti direktorije.
Ovaj članak opisuje kako koristiti alate za generiranje AI koda, poput GitHub Copilot CLI i Claude Code, za stvaranje i uređivanje generativnih stranica za aplikacije vođene modelima u Power Apps-u. Ovaj pristup omogućuje vam da izravno integrirate napredne mogućnosti generiranja koda u svoj razvojni tijek rada, omogućujući vam stvaranje novih generativnih stranica ili iteraciju postojećih koristeći upute na prirodnom jeziku.
Korištenje alata za generiranje AI koda s generativnim stranicama pruža alternativni pristup razvoju koji nadopunjuje iskustvo temeljeno na sučelju u Power Apps (make.powerapps.com). Ovaj pristup usmjeren na kod prvenstveno namijenjen je programerima i tehničkim kreatorima koji preferiraju rad s lokalnim razvojnim alatima i radnim procesima temeljenim na CLI-ju.
Što možete napraviti s alatima za generiranje koda
- Kreirajte nove generativne stranice koristeći zahtjeve jednostavnog jezika
- Ažurirajte postojeće generativne stranice tražeći izmjene ili poboljšanja putem vašeg AI alata
- Deploy izravno u vaše Power Apps okruženje koristeći PAC CLI naredbe
- Radite lokalno s vašim preferiranim IDE-om i razvojnim alatima
Način funkcioniranja
- Opisujete što želite izgraditi prirodnim jezikom, na primjer: "Kreirajte generativnu stranicu koja prikazuje najbolje račune prema prihodima."
- Alat za generiranje AI koda koristi instalirane vještine generativnih stranica ili drugi kontekst o generativnim stranicama kako bi postavio dodatna pitanja o vašim zahtjevima.
- Alat generira produkcijski spreman TypeScript i React kod za vašu generativnu stranicu.
- Alat implementira kod u vaše okruženje koristeći generativne page PAC CLI naredbe.
- Vaša generativna stranica pojavljuje se u aplikaciji vođenoj modelima.
Preduvjeti
Prije nego što počnete, provjerite imate li potreban softver i dozvole opisane ovdje.
Softverski preduvjeti
| Komponenta | Minimalna verzija | Dodatne informacije |
|---|---|---|
| Node.js | 18.0 ili kasnije | Preuzmite Node.js |
| Power Platform CLI (PAC CLI) | Najnovije | Instalirajte PAC CLI |
| GitHub Copilot CLI, Claude Code ili drugi alat za generiranje koda | Najnovije | GitHub Copilot CLI ili Claude kod |
Dodatni zahtjevi
- Power Platform okruženje s aplikacijom vođenom modelima za implementaciju stranica.
-
Autentificirana PAC CLI sesija povezana s vašim ciljnim okruženjem.
- Za više detalja o povezivanju posjetite Authenticate Power Platform CLI .
Napomena
Ova mogućnost dostupna je širom svijeta u javnim oblacima.
Instalirajte dodatak
Pokreni instalacijski program za postavljanje svih Power Platform dodataka u PowerShellu ili Windows naredbenom prozoru.
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
Instalacijski program automatski:
- Otkriva dostupne alate (Claude kod, GitHub Copilot CLI)
- Registrira marketplace dodataka i instalira sve dodatke
- Omogućuje automatsko ažuriranje kako bi dodaci ostali ažurni
Nakon instalacije, ako je potrebno, ponovno pokrenite svoj AI alat.
Instalirajte samo generativni dodatak za stranice
Za instalaciju samo generativnog page plugina za GitHub Copilot CLI ili Claude Code:
- Dodajte Power Platform Skills marketplace dodatak:
/plugin marketplace add microsoft/power-platform-skills - Instaliraj Power Apps plugin:
/plugin install model-apps@power-platform-skills
Napomena
Za Claude Code možete instalirati dodatak s različitim opsegima, poput globalnog, lokalnog ili korisničkog. Ovisno o opsegu, moraš biti u ispravnom direktoriju da bi Claude Code koristio plugin. Idi na Proširenje Claudea s vještinama
Nakon instalacije, plugin možete koristiti na sljedeći način:
- Izvršavanje naredbe
/genpageeksplicitno. - Opisivanje stranice koju želite napraviti. Alat automatski prepoznaje i koristi dodatak.
Savjet
Uključite automatsko ažuriranje kako biste automatski primali ažuriranja o tržištu i vještinama. Upotrijebite naredbu /plugin , idite na Marketplaces, odaberite tržište i uključite automatsko ažuriranje.
Korištenje drugih alata za generiranje AI koda
Za druge alate za generiranje AI koda, osigurajte da vaš alat ima pristup resursima generativne stranice iz repozitorija Power Platform skills GitHub. Mapa dodataka model-apps uključuje dokumentaciju komponenti, primjer koda, PAC CLI referencu na naredbe i upute za tijek rada potrebne za izradu koda u skladu s generativnim zahtjevima stranica, uključujući kako kreirati stranice koje podržavaju više jezika i regija. Konzultirajte readme repozitorij za informacije o pristupu i korištenju ovih resursa pomoću željenog alata.
Pregled vještina
Power Apps dodatak pruža ovu vještinu za rad s generativnim stranicama.
| Vještina | Command | Opis |
|---|---|---|
| Generativne stranice | /genpage |
Kreirajte kod za generativne stranice (za stvaranje ili uređivanje scenarija) |
Ova vještina omogućuje vam da opišete što želite izgraditi i da AI alat generira kompletan TypeScript i React kod za vašu generativnu stranicu, a zatim ga izravno implementira u vaše Power Apps okruženje.
Kreirajte novu generativnu stranicu
Slijedite ovaj tijek rada kada gradite novu stranicu od nule.
Započnite razgovor sa svojim AI alatom. Opišite što želite stvoriti, uključujući koje podatke želite uključiti (koje Dataverse tablice ili želite li napraviti uzorke mock podataka). Budite što precizniji želite—što ste nejasniji u zahtjevu, to više detalja agent pokušava sam popuniti. Također možete priložiti ili priložiti sliku ili druge materijale koji pomažu u vođenju vizuala, tematike i rasporeda. Na primjer:
- "Kreirajte generativnu stranicu koja prikazuje naših top 10 računa prema prihodima koristeći tablicu računa"
- "Izrada generativnog obrasca stranice za stvaranje i uređivanje zapisa o kontaktima s uzorcima podataka"
- "Napravite generativnu stranicu za prikaz izvještaja o incidentima na karti koristeći tablicu incidenata"
- "Kreirajte generativnu stranicu za vizualizaciju prodajnog kanala s prilikama koristeći modernu plavu temu"
Odgovorite na pitanja koja pojašnjavaju. AI alat postavlja pitanja kako bi razumio vaše zahtjeve. Budite precizni oko poslovnih potreba i zahtjeva za podacima, rano identificirajte mobilne zahtjeve i spomenite sve specifične UI komponente ili preferencije rasporeda.
Pregledajte plan provedbe. AI alat predstavlja plan koji opisuje komponente koje treba izgraditi, Dataverse tablice i stupce koje će se koristiti, ključne značajke i interakcije te pristup dohvatu podataka. Potvrdite da plan zadovoljava vaše zahtjeve ili zatražite izmjene.
Pregledajte kod i implementirajte ga. AI alat generira kompletan TypeScript kod. Zamolite alat da objavi ili postavi vašu stranicu kad budete spremni, opcionalno navodeći ime sitemape (alat po defaultu generira smisleno ime).
Testiraj i iteriraj. Otvorite svoju aplikaciju vođenu modelima u Power Apps-u i navigirajte na novu stranicu koristeći sitemap. Ako trebate napraviti promjene, vratite se svom AI alatu i opišite ažuriranja prirodnim jezikom.
Napomena
Možete promijeniti ime ili poziciju generativne stranice u sitemapu u bilo kojem trenutku iz dizajnera aplikacija vođenih modelima.
Uredite postojeću generativnu stranicu
Koristite ovaj tijek rada za ažuriranje stranice koja već postoji u vašem okruženju.
Preuzmite postojeću stranicu. U vašem AI alatu za generiranje koda, zatražite dohvat postojeće generativne stranice tako da navedete ID stranice (GUID) ili naziv stranice u sitemapu i aplikaciju u kojoj se nalazi. Na primjer, "Želim ažurirati generativnu stranicu Pet Adoption iz Demo aplikacije."
Opišite svoja ažuriranja. Recite AI alatu koje promjene želite napraviti. Na primjer:
- "Dodaj filter za prikaz samo aktivnih zapisa"
- "Promijenite raspored tako da kartice prikazuju u mreži umjesto u popisu"
- "Dodaj grafikon koji prikazuje trendove usvajanja kroz vrijeme"
- "Ažuriraj obrazac da uključi novo prilagođeno polje za temperament ljubimca"
Pregledajte, objavite, testirajte i iterirati. AI alat generira ažurirani TypeScript kod na temelju vaših traženih promjena. Slijedite isti proces pregleda, objavljivanja i testiranja opisan u odjeljku "Kreiraj novu generativnu stranicu". Nastavite s iteracijama s uputama na prirodnom jeziku dok stranica ne zadovolji vaše zahtjeve.
Postavite stranicu za prihvaćanje ulaznih parametara
Generativne stranice mogu prihvatiti ulazne parametre recordId, entityName, i data, što im omogućuje primanje kontekstualnih podataka prilikom navigacije s drugih stranica ili koda. Kada naredite AI alatu da konfigurira ulazne parametre, generira odgovarajući inicijalizacijski kod tako da stranica čita i koristi te vrijednosti prilikom učitavanja.
Opišite parametre koje želite u svom upitu:
- "Postavite stranicu da prihvaća Account recordId i entitetIme. Kada se stranica učita, koristite te parametre za dohvat i prikaz odgovarajućih podataka o računu."
- "Konfigurirajte ovu stranicu da prihvati parametar podataka koji sadrži prilagođeni filter objekt. Koristite ga za filtriranje prikazanih zapisa kada se stranica učitava."
Za navigaciju na stranicu i prosljeđivanje ovih parametara, pogledajte Navigacija do i s generativne stranice koristeći Client API.
Lokalizacija
Kada kreirate generativnu stranicu koristeći Power Apps dodatak za Claude Code ili GitHub Copilot CLI, lokalizacija se automatski obrađuje. Agent detektira sve omogućene jezike u vašem okruženju i generira kod tako da stranica radi sa svim tim jezicima. Stranica poštuje preferirane jezične i regionalne formatačke preferencije svakog korisnika za datume, brojeve i valutu.
Ako želite ciljati drugačiji skup jezika od onih omogućenih u vašem okruženju, možete zamoliti agenta da prilagodi, na primjer:
"Ažurirajte ovu stranicu da podržava samo engleski, francuski i španjolski."
Napomena
Unos na sitemapu za generativnu stranicu nije po defaultu lokaliziran. Za lokalizaciju unosa na sitemapu, ažurirajte ih zasebno u dizajneru aplikacije.
Za više informacija posjetite upute za lokalizaciju u Power Platform Skills repozitoriju.
Rješavanje problema
Stranica se ne učitava u Power Apps
Ako dođete na svoju generativnu stranicu i primijetite poruku o pogrešci ili prazan ekran:
Otvoreni alati za programere preglednika (F12 u većini preglednika).
Odaberi karticu Konzola .
Kopirajte kompletnu poruku o pogrešci, uključujući praćenje stoga.
Vratite se svom alatu za generiranje AI koda i zalijepite grešku s kontekstom:
"Dobivam ovu grešku pri otvaranju stranice: [ovdje zalijepi pogrešku]. Molim te, riješi problem."
AI alat analizira pogrešku, identificira korijen uzroka i generira popravak.
Pregledajte popravak i zamolite alat da ponovno objavi stranicu.
Povratak na radnu verziju
Ako su nedavne promjene pokvarile vašu stranicu ili pogoršale probleme, možete zatražiti od AI alata da se vrati na prethodnu ispravnu verziju:
"Nedavne promjene su slomile stranicu. Molim te, vrati se na zadnju radnu verziju."
AI alat onda:
- Identificira promjene koje su napravljene
- Vraća prethodni radni kod
- Ponovno raspoređuje stabilnu verziju
Najbolje prakse
- Počni jednostavno. Počnite s osnovnom verzijom svoje stranice i iterirajte kako biste dodali složenost.
- Testirajte često. Postavite i testirajte svoju stranicu nakon svake značajne promjene.
- Budite precizni. Dajte detaljne zahtjeve za bolje početne rezultate.
- Koristite postojeće obrasce. Pozivajte se na slične stranice ili UI obrasce kad opisujete svoje zahtjeve.
- Validirajte generirani kod. Uvijek pregledajte generirani kod kako biste bili sigurni da zadovoljava standarde i zahtjeve usklađenosti vaše organizacije.
Važno
Iako alati za generiranje AI koda daju sve od sebe da generiraju kompletan, produkcijski spreman kod s najboljim praksama pristupačnosti i sigurnosti, vi ste na kraju odgovorni za validaciju koda. Osigurajte da generirani kod zadovoljava standarde, politike i zahtjeve usklađenosti vaše organizacije.
Ograničenja
Ograničenja za generativne stranice kreirane AI alatima za generiranje koda ista su kao i za generativne stranice kreirane u Power Apps maker portalu:
- Vaša stranica se može povezati samo s Dataverse tablicama.
- Suradnja nije podržana—osigurajte da samo jedan kreator radi na generativnoj stranici u isto vrijeme.
- Podržani su samo ovi tipovi podataka: Izbor, Valuta, Kupac, Datum i Vrijeme, Samo Datum, Decimalni broj, Broj s pomičnim zarezom, Slika, Pretraživanje, Višeredni tekst, Status, Razlog statusa, Tekst, Cijeli broj, Da/Ne, Jedinstveni identifikator.