Opprette og redigere generative sider med verktøy for generering av kunstig intelligens-kode

Denne artikkelen beskriver hvordan du bruker verktøy for generering av kunstig intelligens-kode, for eksempel GitHub Copilot CLI, til å opprette og redigere generative sider for modelldrevne apper i Power Apps. Ved hjelp av denne fremgangsmåten kan du integrere avanserte kodegenereringsfunksjoner direkte i utviklingsarbeidsflyten for å opprette nye generative sider eller iterere på eksisterende ved hjelp av naturlige språkinstruksjoner.

Bruk av verktøy for generering av kunstig intelligens-kode med generative sider utfyller den brukergrensesnittbaserte opplevelsen i Power Apps (make.powerapps.com). Denne kodeførste tilnærmingen passer til alle utviklere eller utviklere som ønsker tilgang til de nyeste AI-modellene, eller foretrekker å arbeide med lokale utviklingsverktøy og CLI-baserte arbeidsflyter.

Hva du kan gjøre med verktøy for kodegenerering

• Opprette én eller flere generative sider i én enkelt kjøring fra vanlige språkkrav
• Opprett støttende Microsoft Dataverse tabeller sidene trenger, eller bruk eksisterende på nytt, inkludert eksempeldata for nye tabeller
• Plasser artefakter i en ny eller eksisterende app og løsning, inkludert oppretting av en app eller løsning på farten
• Oppdater eksisterende generative sider ved å be om endringer eller forbedringer gjennom AI-verktøyet
• Distribuere direkte til Power Apps-miljøet ved hjelp av PAC CLI-kommandoer
• Arbeid lokalt med dine foretrukne IDE- og utviklingsverktøy, med npm install og IntelliSense-støtte for den genererte koden

Slik fungerer det

1. Du beskriver hva du vil bygge på naturlig språk, for eksempel «Opprett et instrumentbord for genereringsside som viser de beste kontoene etter omsetning».
2. En planleggeragent analyserer forespørselen din og foreslår en plan. Planen kan inneholde én eller flere sider, Dataverse-tabellene sidene trenger (ny eller eksisterende) og appen og løsningen der artefaktene befinner seg. Planleggeren delegerer deretter til spesialiserte agenter for å bygge det planen beskriver. Et tabellverktøy og et sideverktøy.
3. Du ser gjennom og justerer planen før du bygger. Du kan endre antall sider, bytte eller legge til tabeller, målrette mot en annen app eller plassere artefaktene i en annen løsning.
4. Agentene genererer produksjonsklar TypeScript- og React-kode for siden eller sidene, sammen med støttefiler for lokal utvikling.
5. Verktøyet distribuerer artefaktene til miljøet ditt ved hjelp av PAC CLI-kommandoer for generative sider, og kjører eventuelt et trinn i nettleseren som trener siden med genererte tester.
6. Den generative siden vises i den modelldrevne appen.

Forutsetninger

Før du begynner, må du kontrollere at du har den nødvendige programvaren og tillatelsene som er beskrevet her.

Programvarekrav

Tilleggskrav

• Et Power Platform-miljø med en modelldrevet app for å distribuere sider.
• En godkjent PAC CLI-økt som er koblet til målmiljøet.
  • Gå til Authenticate Power Platform CLI for mer informasjon om hvordan du kobler til.

Installere plugin-modulen

Kjør installasjonsprogrammet for å konfigurere alle Power Platform-plugin-moduler i enten PowerShell eller et Windows-kommandovindu.

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

Installasjonsprogrammet automatisk:

• Oppdager tilgjengelige verktøy (GitHub Copilot CLI, Claude Code)
• Registrerer plugin-markedsplassen og installerer alle plugin-moduler
• Aktiverer automatisk oppdatering, slik at plugin-moduler forblir oppdaterte

Når installasjonen er installert, starter du AI-verktøyet på nytt om nødvendig.

Installer bare programtillegget for generative sider

For å installere bare den generative sideplugin-modulen for GitHub Copilot CLI eller Claude Code:

1. Legg til plugin-modulen Power Platform Skills Marketplace: /plugin marketplace add microsoft/power-platform-skills
2. Installer tilleggsprogrammet Power Apps: /plugin install model-apps@power-platform-skills

Når det er installert, kan du bruke plugin-modulen ved å gjøre følgende:

• /genpage Kjører kommandoen eksplisitt.
• Beskriver siden du vil opprette. Verktøyet registrerer og bruker plugin-modulen automatisk.

Bruke andre verktøy for generering av kunstig intelligens-kode

For andre verktøy for generering av kunstig intelligens-kode må du sørge for at verktøyet har tilgang til de generative sideressursene fra Power Platform-ferdighetene GitHub repositoriet. Plugin-mappen for modellapper inkluderer komponentdokumentasjon, eksempelkode, PAC CLI-kommandoreferanse og arbeidsflytinstruksjoner som er nødvendige for å opprette kode som overholder kravene til generative sider, inkludert hvordan du oppretter sider som støtter flere språk og områder. Sjekk repositoriets readme for informasjon om hvordan du får tilgang til og bruker disse ressursene med ditt foretrukne verktøy.

Kompetanseoversikt

Plugin-modulen Power Apps gir denne kompetansen for å arbeide med generative sider.

Med denne kompetansen kan du beskrive hva du vil bygge og få AI-verktøyet til å generere fullstendig TypeScript- og React-kode for den generative siden, og deretter distribuere den direkte til Power Apps-miljøet.

Opprette en ny generativ side

Følg denne arbeidsflyten når du bygger en ny side eller et sett med sider fra grunnen av.

1. Start en samtale med AI-verktøyet. Beskriv hva du vil opprette. Vær så spesifikk eller så åpen som du vil – jo mer vag forespørselen er, jo mer fyller agenten ut seg selv. Du kan også legge ved et bilde eller annet materiale for å veilede visualobjekter, temaer og oppsett. Eksempel:

   • Opprett et dashbord for å generere en side som viser våre topp 10 konti etter omsetning ved hjelp av kontotabellen.
   • "Bygg to sider for administrasjon av mine frivillige registreringer – én for å bla gjennom åpne skift og én for å bekrefte en registrering – ved hjelp av eksempeldata»
   • "Lag en generativ side for å vise hendelsesrapporter på et kart ved hjelp av hendelsestabellen"

2. Velg opprett eller rediger hvis du blir spurt. Hvis planleggeragenten ikke er sikker på om du vil ha en ny side eller oppdatere en eksisterende, blir den spurt. Hvis du vil følge denne arbeidsflyten, velger du å opprette en ny side. Hvis du vil redigere, kan du gå til Rediger en eksisterende generativ side.

3. Svar på spørsmål om hva du skal bygge. Planleggeren kan spørre hva slags side du vil ha, tilby noen eksempler og godta en egendefinert beskrivelse, for eksempel hvilke data som skal brukes, oppsett, hvilken informasjon som skal vises, samhandlinger og så videre. Vær spesifikk om forretningsbehov og datakrav, identifiser mobilkrav tidlig, og nevn eventuelle grensesnittkomponenter eller oppsettinnstillinger. Planleggeren kan også stille klargjørende spørsmål, for eksempel om du vil bruke Dataverse-tabeller eller hardkodede eksempeldata, og om du vil legge til siden i en eksisterende app eller opprette en ny app.

4. Se gjennom og juster planen. Planleggeren presenterer en plan som inneholder siden eller sidene den har tenkt å bygge, Dataverse-tabellene som skal brukes eller opprettes (med kolonnene den planlegger å bruke), appen som skal være vert for siden (ny eller eksisterende) og løsningen der artefaktene bor. Iterer sammen med agenten for å justere alt du vil endre — for eksempel antall sider, hvilke tabeller som brukes eller opprettes, målappen eller målløsningen. Bekreft planen når den samsvarer med hensikten din.

5. La agentene bygge og distribuere. Spesialiserte agenter genererer siden eller sidene, støtter tabeller og kode, og distribuerer deretter til miljøet ditt.

6. Du kan eventuelt bekrefte i nettleseren. Etter bygget kan agenten tilby å kjøre et trinn i nettleseren som kjører automatisk genererte Playwright-tester mot siden for å bekrefte at det lastes inn og fungerer riktig. Bruk denne til å fange opp åpenbare problemer før du tester manuelt.

7. Test og gjentakelse. Åpne den modelldrevne appen i Power Apps, og gå til den nye siden. Hvis du trenger å gjøre endringer, går du tilbake til AI-verktøyet og beskriver oppdateringene på naturlig språk.

Redigere en eksisterende generativ side

Bruk denne arbeidsflyten til å oppdatere en side som allerede finnes i miljøet.

1. Hent den eksisterende siden. I verktøyet for generering av AI-kode ber du om å hente den eksisterende generative siden ved å oppgi side-ID -en (GUID) eller sidenavnet i områdekartet og appen den er i. «Jeg vil for eksempel oppdatere genereringssiden for kjæledyradopsjon fra Demo-appen.»

2. Beskriv oppdateringene dine. Fortell AI-verktøyet hvilke endringer du vil gjøre. Eksempel:

   • "Legg til et filter for å vise bare aktive poster"
   • "Endre oppsettet til å vise kort i et rutenett i stedet for en liste"
   • "Legg til et diagram som viser innføringstrender over tid"
   • "Oppdater skjemaet for å inkludere det nye egendefinerte feltet for kjæledyrtemperament"

3. Se gjennom, publiser, test og gjentakelse. AI-verktøyet genererer oppdatert TypeScript-kode basert på de forespurte endringene. Følg den samme gjennomgangs-, publiserings- og testprosessen som er beskrevet under «Opprett en ny generativ side». Fortsett å iterere med naturlige språkinstruksjoner til siden oppfyller kravene dine.

Lokale utviklingsfiler

Når AI-verktøyet genererer en side, skriver det også to støttefiler til det lokale arbeidsområdet for å gjøre gjennomgang og gjentakelse av koden enklere:

• package.json — erklærer kjøretids- og utviklingsavhengighetene den genererte siden kompilerer mot. Kjør npm install etter generering for å installere disse avhengighetene.
• genpage.d.ts – omgivende TypeScript-deklarasjoner for objekter som ikke er installert via npm, for eksempel dataApi og pageInput.

Når begge filene er på plass og npm install fullført, fungerer redigeringsprogrammets IntelliSense, for eksempel i VS Code, mot den genererte koden, slik at du kan se gjennom eller redigere siden uten å se røde squiggles for uløste typer.

Konfigurere en side til å godta inndataparametere

Generative sider kan godta inndataparameterne recordId, entityNameog , slik dataat de kan motta kontekstavhengige data når de navigeres til fra andre sider eller koder. Når du ber AI-verktøyet om å konfigurere inndataparametere, genererer det riktig initialiseringskode slik at siden leser og bruker disse verdiene når den lastes inn.

Beskriv parameterne du vil bruke i ledeteksten:

• «Konfigurer siden til å godta en Account recordId og entityName. Når siden lastes inn, bruker du disse parameterne til å hente og vise de tilsvarende kontodetaljene.»
• "Konfigurer denne siden til å godta en dataparameter som inneholder et egendefinert filterobjekt. Bruk den til å filtrere de viste postene når siden lastes inn.»

Hvis du vil gå til siden og sende disse parameterne, kan du se Gå til og fra en generativ side ved hjelp av klient-API.

Lokalisering

Når du oppretter en generativ side ved hjelp av Power Apps kompetanse, håndteres lokalisering automatisk. Agenten oppdager alle språk som er aktivert i miljøet ditt, og genererer kode slik at siden fungerer med alle disse språkene. Siden respekterer hver brukers foretrukne språk og innstillinger for regional formatering for datoer, tall og valuta.

Hvis du vil målrette mot et annet sett med språk enn de som er aktivert i miljøet ditt, kan du be agenten om å justere, for eksempel:

"Oppdater denne siden for å støtte bare engelsk, fransk og spansk."

Hvis du vil ha mer informasjon, kan du gå til lokaliseringsinstruksjonene i Power Platform Skills-repositoriet.

Feilsøking

Siden lastes ikke inn i Power Apps

Hvis du navigerer til den generative siden og ser en feilmelding eller tom skjerm:

1. Åpne utviklerverktøy for nettleser (F12 i de fleste nettlesere).

2. Velg Konsoll-fanen .

3. Kopier den fullstendige feilmeldingen, inkludert stakksporingen.

4. Gå tilbake til verktøyet for generering av AI-kode, og lim inn feilen med kontekst:

   "Jeg får denne feilen når jeg åpner siden: [Lim inn feil her]. Løs problemet.»

   AI-verktøyet analyserer feilen, identifiserer grunnårsaken og genererer en løsning.

5. Se gjennom løsningen, og be verktøyet om å publisere siden på nytt.

Gå tilbake til en fungerende versjon

Hvis nylige endringer brøt siden eller gjorde problemer verre, kan du be AI-verktøyet om å rulle tilbake til en tidligere arbeidsversjon:

De siste endringene ødelagte siden. Gå tilbake til den siste arbeidsversjonen.»

Ai-verktøyet da:

1. Identifiserer endringene som ble gjort
2. Gjenoppretter den forrige arbeidskoden
3. Redistribuerer den stabile versjonen

Anbefalte fremgangsmåter

• Start enkelt. Begynn med en grunnleggende versjon av siden, og iterer for å legge til kompleksitet.
• Test ofte. Distribuer og test siden etter hver betydelige endring.
• Vær spesifikk. Gi detaljerte krav for å få bedre innledende resultater.
• Bruk eksisterende mønstre. Referer til lignende sider eller grensesnittmønstre når du beskriver kravene dine.
• Valider generert kode. Se alltid gjennom den genererte koden for å sikre at den oppfyller organisasjonens standarder og samsvarskrav.

Begrensninger

Begrensningene for generative sider som er opprettet med verktøy for generering av KUNSTIG-kode, er de samme som for generative sider som er opprettet i Power Apps Maker-portalen:

• Siden kan bare kobles til dataverse tabeller.
• Samarbeid støttes ikke – sørg for at bare én oppretter arbeider på en generativ side om gangen.
• Bare disse datatypene støttes: Valg, Valuta, Kunde, Dato og Klokkeslett, Bare dato, Desimaltall, Flytpunktnummer, Bilde, Oppslag, Flerlinjet tekst, Status, Statusårsak, Tekst, Heltall, Ja/Nei, Unik identifikator.

Relatert innhold

• Generer en side ved hjelp av naturlig språk med modelldrevne apper
• Gå til og fra en generativ side ved hjelp av klient-API
• DataApi-objektmetoder for generative sider
• Power Platform CLI-referanse