Luo ja muokkaa luotuja sivuja tekoälykoodin luontityökaluilla

Tässä artikkelissa kuvataan, miten voit luoda ja muokata Power Apps mallipohjaisten sovellusten tekoälykoodin muodostustyökaluja, kuten GitHub Copilot CLI:tä ja Claude Codea. Tämän lähestymistavan avulla voit integroida kehittyneen koodin muodostusominaisuudet suoraan kehitystyönkulkuun, jolloin voit luoda uusia luontisivuja tai iteroida olemassa olevia luonnollisen kielen ohjeiden avulla.

Tekoälykoodien luontityökalujen käyttäminen luovilla sivuilla tarjoaa vaihtoehtoisen kehitystavan, joka täydentää Power Apps (make.powerapps.com) käyttöliittymäpohjaista käyttökokemusta. Tämä koodi ensin -lähestymistapa on tarkoitettu kehittäjille ja teknisille tekijöille, jotka haluavat käyttää paikallisia kehitystyökaluja ja komentorivikäyttöliittymäpohjaisia työnkulkuja.

Mitä koodinmuodostustyökaluilla voi tehdä?

• Luo uusia muodostettavia sivuja pelkän kielen vaatimuksia käyttämällä
• Päivitä olemassa olevia luotuja sivuja pyytämällä muutoksia tai parannuksia tekoälytyökalusi kautta
• Ota suoraan käyttöön Power Apps -ympäristöösi käyttämällä PAC CLI -komentoja
• Käytä paikallisesti haluamiasi integrointiympäristöjä ja kehitystyökaluja

Miten se toimii

1. Voit kuvailla, mitä haluat luoda luonnollisella kielellä, esimerkiksi "Luo luodaan muodostettu sivun koontinäyttö, jossa näkyvät tärkeimmät tilit tuoton mukaan".
2. Tekoälykoodin muodostus -työkalu käyttää asennettuja, luotuja sivutaitoja tai muita kontekstia, jotka koskevat luotuja sivuja, ja se selventää vaatimuksiasi koskevia kysymyksiä.
3. Työkalu luo tuotantovalmiin TypeScript- ja React-koodin luontisivullesi.
4. Työkalu ottaa koodin käyttöön ympäristössäsi käyttämällä luovia sivun PAC CLI -komentoja.
5. Luotu sivu näkyy mallipohjaisessa sovelluksessasi.

edellytykset

Varmista ennen aloittamista, että sinulla on tässä kuvattu vaaditut ohjelmistot ja käyttöoikeudet.

Ohjelmistovaatimukset

Lisävaatimukset

• Power Platform -ympäristö, jossa on mallipohjainen sovellus sivujen käyttöönottoon.
• Kohdeympäristöön yhdistetty todennettu PAC CLI -istunto .
  • Lisätietoja yhteyden muodostamisesta on kohdassa Power Platformin komentorivikäyttöliittymän todentaminen .

Laajennuksen asentaminen

Suorita asennusohjelma, jotta voit määrittää kaikki Power Platform -laajennukset joko PowerShellissä tai Windows -komentoikkunassa.

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

Asennusohjelma automaattisesti:

• Havaitsee käytettävissä olevat työkalut (Claude Code, GitHub Copilot CLI)
• Rekisteröi laajennuksen Marketplacen ja asentaa kaikki laajennukset
• Ottaa käyttöön automaattisen päivityksen, joten laajennukset pysyvät ajan tasalla

Asennuksen jälkeen käynnistä tekoälytyökalu tarvittaessa uudelleen.

Asenna vain generatiivinen sivulaajennus

Asenna vain GitHub Copilot CLI:tä tai Claude Codea varten tarkoitettu sivulaajennus:

1. Lisää Power Platform Skills Marketplace -laajennus: /plugin marketplace add microsoft/power-platform-skills
2. Asenna Power Apps-laajennus: /plugin install model-apps@power-platform-skills

Kun laajennus on asennettu, voit käyttää laajennusta jommallakummalla seuraavista parametrista:

• Komennon suorittaminen /genpage eksplisiittisesti.
• Kuvailet luotavaa sivua. Työkalu tunnistaa laajennuksen ja käyttää sitä automaattisesti.

Muiden tekoälykoodien luontityökalujen käyttäminen

Jos käytät muita tekoälykoodien luontityökaluja, varmista, että työkalullasi on pääsy luotuihin sivuresursseihin Power Platform -taidoista GitHub säilöstä. Mallisovellusten laajennuskansio sisältää komponenttidokumentaation, näytekoodin, PAC CLI -komentoviittauksen ja työnkulkuohjeet, jotka ovat tarpeen luotaessa koodia, joka noudattaa luontisivuvaatimuksia, mukaan lukien ohjeet useita kieliä ja alueita tukevien sivujen luomiseen. Säilön readme-tiedostosta saat tietoa siitä, kuinka käyttää näitä resursseja haluamallasi työkalulla.

Taitojen yleiskatsaus

Power Apps -laajennus tarjoaa tämän taidon luovien sivujen käsittelemiseen.

Tämän osaamisen avulla voit kuvailla, mitä haluat luoda, ja saada tekoälytyökalun luomaan täydellisen TypeScript- ja React-koodin luontisivullesi ja ottamaan sen sitten käyttöön suoraan Power Apps ympäristössäsi.

Uuden luontisivun luominen

Seuraa tätä työnkulkua, kun luot uuden sivun alusta alkaen.

1. Aloita keskustelu tekoälytyökalullasi. Kuvaile, mitä haluat luoda ja mitä tietoja haluat sisällyttää (mitkä Dataverse-taulukot vai luodaanko mallitestatietoja). Olla niin tarkka kuin haluat - mitä epämääräisempi olet pyynnöllä, sitä enemmän yksityiskohtia agentti yrittää täyttää itse. Voit myös liittää tai antaa kuvan tai muuta materiaalia visualisointien, teeman ja asettelun ohjaamiseksi. Esimerkki:

   • Luo koontinäyttö, joka näyttää kymmenen parasta tiliä liikevaihdon perusteella tilitaulukon avulla
   • "Luo sivulomake, jolla luodaan ja muokataan yhteystietotietueita mallitietojen avulla"
   • "Luo luontisivu tapausraporttien näyttämiseksi kartalla käyttämällä Incident-taulukkoa"
   • "Luo muodostava sivu myyntiputken visualisoinnille, jossa on mahdollisuuksia modernilla sinisellä teemalla"

2. Vastaa tarkentaviin kysymyksiin. Tekoälytyökalu kysyy kysymyksiä, jotta ymmärrät vaatimuksesi. Tutustu erityisesti liiketoiminnan tarpeisiin ja tietovaatimuksiin, tunnista mobiilivaatimukset aikaisessa vaiheessa ja mainitse mahdolliset käyttöliittymäkomponentit tai asetteluasetukset.

3. Tarkista toteutussuunnitelma. Tekoälytyökalu esittää suunnitelman, jossa kuvataan luotavat osat, käytettävät Dataverse-taulukot ja -sarakkeet, tärkeimmät ominaisuudet ja vuorovaikutukset sekä tietojen noutomenetelmät. Vahvista, että sopimus täyttää vaatimuksesi tai pyydä muutoksia.

4. Tarkista koodi ja ota käyttöön. Tekoälytyökalu luo täydellisen TypeScript-koodin. Pyydä työkalua julkaisemaan sivusi tai ottamaan se käyttöön, kun olet valmis, määrittämällä myös sivustokartan nimen (työkalu luo oletusarvoisesti mielekkään nimen).

5. Testaa ja iteroi. Avaa mallipohjainen sovelluksesi Power Apps ja siirry uudelle sivulle sivustokartan avulla. Jos sinun on tehtävä muutoksia, palaa tekoälytyökaluun ja kuvaa päivitykset luonnollisella kielellä.

Muokkaa aiemmin luotua sivua

Tämän työnkulun avulla voit päivittää ympäristössäsi jo olevan sivun.

1. Nouda olemassa oleva sivu. Pyydä tekoälykoodin luontityökalussasi noutamaan olemassa oleva luotu sivu antamalla sivutunnus (GUID) tai sivun nimi sivustokartassa ja sovellus, jossa se on. Esimerkiksi "Haluan päivittää Lemmikkien käyttöönotto -luontisivun esittelysovelluksesta".

2. Kuvaile päivitykset. Kerro tekoälytyökalulle, mitä muutoksia haluat tehdä. Esimerkki:

   • "Lisää suodatin, joka näyttää vain aktiiviset tietueet"
   • "Muuta asettelua niin, että kortit näytetään ruudukossa luettelon sijaan"
   • "Lisää kaavio, joka näyttää käyttöönoton trendit ajan kuluessa"
   • "Päivitä lomake sisältämään uusi mukautettu kenttä lemmikkien temperamenttia varten"

3. Tarkastele, julkaise, testaa ja iteroi. Tekoälytyökalu luo päivitetyn TypeScript-koodin pyydettyjen muutosten perusteella. Noudata samaa tarkastelu-, julkaisu- ja testiprosessia, joka on kuvattu "Uuden luontisivun luominen" -osiossa. Jatka iteroimista luonnollisen kielen ohjeilla, kunnes sivu täyttää vaatimuksesi.

Määritä sivu hyväksymään syöteparametreja

Luodut sivut voivat hyväksyä syöteparametrit recordId, entityNameja , joiden dataavulla he voivat vastaanottaa tilannekohtaisia tietoja, kun niihin siirrytaan toiselta sivulta tai koodista. Kun ohjeistat tekoälytyökalua määrittämään syöteparametrit, se luo asianmukaisen alustuskoodin, jotta sivu lukee ja käyttää kyseisiä arvoja latautuessaan.

Kuvaile kehotteeseen haluamiasi parametreja:

• "Määritä sivu hyväksymään Account recordId ja entityName. Kun sivu latautuu, nouda ja näytä vastaavat tilitiedot näiden parametrien avulla."
• "Määritä tämä sivu hyväksymään tietoparametri, joka sisältää mukautetun suodatinobjektin. Sen avulla voit suodattaa näytettävät tietueet, kun sivu latautuu."

Jos haluat siirtyä sivulle ja välittää nämä parametrit, katso Siirtyminen luontisivulle ja sieltä pois asiakkaan ohjelmointirajapinnan avulla.

Lokalisointi

Kun luot muodostavan sivun Claude Coden Power Apps laajennuksen tai komentorivikäyttöliittymän GitHub Copilot avulla, lokalisointi käsitellään automaattisesti. Agentti tunnistaa kaikki kielet, jotka ovat käytössä ympäristössäsi, ja luo koodin niin, että sivu toimii kaikkien näiden kielten kanssa. Sivulla noudatetaan kunkin käyttäjän haluamaa kieltä ja päivämäärien, lukujen ja valuutan alueellisia muotoiluasetuksia.

Jos haluat kohdentaa eri kielijoukon kuin ympäristössäsi käyttöön otetut, voit pyytää agenttia sopeutumaan esimerkiksi seuraavasti:

"Päivitä tämä sivu tukemaan vain englantia, ranskaa ja espanjaa."

Lisätietoja on Power Platform skills -säilön lokalisointiohjeiden kohdassa.

Vianmääritys

Sivu ei lataudu Power Appsissa

Jos siirryt luontisivulle ja huomaat virhesanoman tai tyhjän näytön:

1. Avaa selaimen kehittäjätyökalut (F12 useimmissa selaimissa).

2. Valitse Konsoli-välilehti .

3. Kopioi koko virhesanoma, mukaan lukien pinon jäljitys.

4. Palaa tekoälykoodin luontityökaluun ja liitä virhe kontekstiin:

   "Saan tämän virheilmoituksen, kun avaan sivun: [liitä virhe tähän]. Korjaa ongelma."

   Tekoälytyökalu analysoi virheen, tunnistaa pääsyyn ja luo korjauksen.

5. Tarkista korjaus ja pyydä työkalua julkaisemaan sivu uudelleen.

Toimivan version palaaminen

Jos viimeaikaiset muutokset ovat rikkoneet sivusi tai pahentaneet ongelmia, voit pyytää tekoälytyökalua palaamaan aiempaan toimivaan versioon:

"Viimeisimmät muutokset rikkoivat sivun. Palauta viimeisin toimiva versio."

Tekoälytyökalu:

1. Tunnistaa tehdyt muutokset
2. Palauttaa edellisen työkoodin
3. Palauttaa vakaan version

Parhaat käytännöt

• Aloita yksinkertaisesti. Aloita sivun perusversiolla ja lisää monimutkaisuutta iteroimalla.
• Testaa usein. Ota sivusi käyttöön ja testaa se jokaisen merkittävän muutoksen jälkeen.
• Ole tarkka. Anna yksityiskohtaisia vaatimuksia parempien alkutulosten saamiseksi.
• Käytä olemassa olevia malleja. Viittaa vastaaviin sivuihin tai käyttöliittymäkuvioihin, kun kuvaat vaatimuksiasi.
• Vahvista luotu koodi. Tarkista aina luotu koodi varmistaaksesi, että se täyttää organisaatiosi standardit ja yhteensopivuusvaatimukset.

Rajoitukset

Tekoälykoodin luontityökaluilla luotuja sivuja koskevat samat rajoitukset kuin Power Apps Maker Portalissa luoduille luoville sivuille:

• Sivu voi muodostaa yhteyden vain Dataverse-taulukoihin.
• Yhteistyötä ei tueta – varmista, että vain yksi tekijä työskentelee muodostavaa sivua kerrallaan.
• Vain näitä tietotyyppejä tuetaan: valinta, valuutta, asiakas, päivämäärä ja aika, vain päivämäärä, desimaaliluku, liukuluku, kuva, haku, monirivinen teksti, tila, tilan syy, teksti, kokonaisluku, kyllä/ei, yksilöllinen tunnus.

Liittyvä sisältö

• Luo sivu luonnollisella kielellä mallipohjaisilla sovelluksilla
• Siirtyminen luontisivulle ja sieltä pois asiakkaan ohjelmointirajapinnan avulla
• dataApi-objektimenetelmät luoville sivuille
• Power Platform -komentorivikäyttöliittymän viittaus