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. Sider kan bruke Microsoft Dataverse tabeller, Power Platform-koblinger (forhåndsvisning) og dataverse egendefinerte API-er (forhåndsvisning).

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 fremgangsmåten passer til alle skapere eller utviklere som 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
• (Forhåndsvisning) Koble til data utenfor Dataverse ved hjelp av Power Platform-koblinger
• (Forhåndsvisning) Kall forretningslogikk på serversiden ved hjelp av dataverse egendefinerte API-er
• 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, koblingsstøttede datakilder eller egendefinerte API-er som sidene trenger, og appen og løsningen der artefaktene bor. 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 datakilder, 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.
• En eksisterende godkjent Power Platform-tilkobling for hver kobling du vil bruke for koblingsstøttede sider (forhåndsvisning). Agenten kan opprette en tilkoblingsreferanse om nødvendig.
• For sider som kaller et egendefinert Dataverse-API (forhåndsversjon), et eksisterende støttet egendefinert API i målmiljøet. Hvis du vil implementere logikk på serversiden og vise den til en generativ side, oppretter du en datavers plugin-modul, og deretter oppretter du en egendefinert API ved hjelp av plugin-modulregistreringsverktøyet og knytter den til plugin-modultypen. Hvis du vil ha konfigurasjonsdetaljer, kan du se Opprette og bruke egendefinerte API-er.
• Hvis du vil eksportere generativ sidetelemetri til Azure Application Innsikter (forhåndsvisning), må en administrator konfigurere application insights-dataeksport for miljøet i administrasjonssenteret for Power Platform. Miljøet må oppfylle kravene for dataeksport for Application Insights.

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"
   • «Opprett en side som viser dokumenter fra Project filer SharePoint list.»
   • "Opprett en ordregjennomgangsside med en Godkjenn-knapp som kaller opp den ApproveOrder egendefinerte API-en."

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, Power Platform-koblinger, egendefinerte API-er 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 tabeller, koblingsstøttede datakilder eller egendefinerte API-er som skal brukes, 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 eller egendefinerte API-er som brukes, målappen eller målløsningen. Bekreft planen når den samsvarer med hensikten din.

5. La agentene bygge og distribuere. De spesialiserte agentene genererer siden eller sidene, støtter tabeller, koblings- eller egendefinerte API-bindinger og kode, og distribuerer deretter til miljøet.

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.

Bruke koblingsdata (forhåndsversjon)

Koblingsstøtte lar en generativ side bruke data utenfor Dataverse gjennom power platform-koblingsøkosystemet. Alle Power Platform-koblinger støttes.

Hvis du vil bruke koblingsdata, beskriver du tjenesten og dataene du vil at siden skal bruke i ledeteksten. Be for eksempel agenten om å opprette en side som viser dokumenter fra en SharePoint list. Under planleggingen utfører agenten følgende:

1. Viser tilkoblingene og tilkoblingsreferansene som er tilgjengelige i det valgte miljøet.
2. Ber deg velge en tilkobling. Hvis tilkoblingen ikke har en tilkoblingsreferanse, oppretter agenten en.
3. Ber deg velge koblingsdataene, for eksempel et datasett og en tabell eller en koblingsoperasjon.
4. Legger til koblingsbindingen på siden og inkluderer den når siden distribueres.

Se gjennom koblingsdatakilden i planen før du godkjenner bygget. Test den genererte siden med identitetene og tillatelsene som brukerne skal bruke.

Bruke en egendefinert API (forhåndsversjon)

Bruk en datavers egendefinert API-handling eller funksjon når siden må eksplisitt kjøre forretningslogikk på serversiden, for eksempel godkjenne en ordre, beregne en pris på nytt eller validere en transaksjon.

Hvis du vil bruke en egendefinert API, beskriver du operasjonen og når siden skal kalle den opp i ledeteksten. Be for eksempel agenten om å legge til en Godkjenn-knapp som kaller opp den ApproveOrder egendefinerte API-en for gjeldende rekkefølge. Under planleggingen utfører agenten følgende:

1. Viser de støttede egendefinerte API-ene som er tilgjengelige i det valgte miljøet.
2. Ber deg om å velge den egendefinerte API-en som siden skal kalle.
3. Bruker den egendefinerte API-ens forespørsels- og svaregenskaper når den genererer siden.
4. Legger til den egendefinerte API-bindingen på siden og inkluderer den når siden distribueres.

Se gjennom den egendefinerte API-en og dens inndata i planen før du godkjenner bygget. Test den genererte siden med identitetene og tillatelsene som brukerne bruker.

Overvåk en generativ side med Application Insights (forhåndsversjon)

Power Apps kan automatisk eksportere operasjonell telemetri for generative sider til Azure Application Insights. Denne funksjonen fungerer på samme måte for sider som er opprettet med verktøy for generering av kunstig intelligens-kode og sider som er opprettet i Power Apps (make.powerapps.com).

En administrator må først konfigurere dataeksport for Application Insights for miljøet i administrasjonssenteret for Power Platform. Når eksporten er konfigurert, rapporterer Power Apps automatisk telemetri som støttes fra publiserte generative sider. Ledeteksten og den genererte sidekoden trenger ikke å initialisere JavaScript SDK for Application Insights, inkludere en tilkoblingsstreng eller legge til telemetrianrop.

Automatisk eksportert telemetri inkluderer:

• Fullførte sideinnlastinger i pageViews tabellen.
• Ubehandlede feil ved sidegjengivelse og avviste løfter i exceptions-tabellen.
• Støttede dataApi operasjoner i tabellen dependencies .
• Navigasjon startet fra en generativ side i pageViews tabellen.

Application Insights-telemetri for generative sider er en forhåndsvisningsfunksjon. Tilgjengeligheten kan variere etter miljø mens funksjonen rulles ut.

Hvis du vil ha konfigurasjonsinstruksjoner, kan du gå til Eksporter data til Application Insights. Gå til telemetrihendelser for modelldrevne apper for modelldrevne app-telemetriskjemaer og spørringsveiledning.

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:

• Støttede datakilder er dataverse tabeller og (forhåndsversjon) Power Platform-koblinger.
• Egendefinerte API-handlinger og -funksjoner støttes i forhåndsvisning. Egendefinerte API-er som bruker bindingstypen EntityCollection eller Enhetsparametere, støttes ikke.
• 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