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 og Claude Code, til å opprette og redigere generative sider for modelldrevne apper i Power Apps. Denne fremgangsmåten lar deg integrere avanserte kodegenereringsfunksjoner direkte i utviklingsarbeidsflyten, slik at du kan 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 gir en alternativ utviklingstilnærming som utfyller den brukergrensesnittbaserte opplevelsen i Power Apps (make.powerapps.com). Denne kode-første tilnærmingen er utformet for utviklere og tekniske beslutningstakere som foretrekker å arbeide med lokale utviklingsverktøy og CLI-baserte arbeidsflyter.

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

• Opprette nye generative sider ved hjelp av vanlige språkkrav
• Oppdater eksisterende generative sider ved å be om endringer eller forbedringer gjennom AI-verktøyet
• Deploy direkte til Power Apps-miljøet ved hjelp av PAC CLI-kommandoer
• Arbeide lokalt med dine foretrukne IDE- og utviklingsverktøy

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. Verktøyet for generering av kunstig intelligens-kode bruker installerte generative sideferdigheter eller annen kontekst om generative sider for å stille tydelige spørsmål om kravene dine.
3. Verktøyet genererer produksjonsklar TypeScript- og React-kode for den generative siden.
4. Verktøyet distribuerer koden til miljøet ditt ved hjelp av PAC CLI-kommandoer for generative sider.
5. 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 (Claude Code, GitHub Copilot CLI)
• 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 Power Apps-pluginen: /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 fra grunnen av.

1. Start en samtale med AI-verktøyet. Beskriv hva du vil opprette, inkludert hvilke data du vil inkludere (hvilke dataverse tabeller eller om du vil opprette eksempel på spottedata). Vær så spesifikk som du vil – jo mer vag du er med forespørselen, jo flere detaljer prøver agenten å fylle ut seg selv. Du kan også legge ved eller oppgi et bilde eller annet materiale for å hjelpe deg med å 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 et generativt sideskjema for å opprette og redigere kontaktoppføringer med eksempeldata"
   • "Lag en generativ side for å vise hendelsesrapporter på et kart ved hjelp av hendelsestabellen"
   • "Opprett en generativ side for en visualisering av salgsforløp med muligheter ved hjelp av det moderne blå temaet"

2. Svar på avklarende spørsmål. AI-verktøyet stiller spørsmål for å forstå kravene dine. Vær spesifikk om forretningsbehov og datakrav, identifiser mobilkrav tidlig, og nevn eventuelle spesifikke brukergrensesnittkomponenter eller oppsettinnstillinger.

3. Se gjennom implementeringsplanen. AI-verktøyet presenterer en plan som beskriver komponentene som skal bygges, dataverse tabeller og kolonner som skal brukes, viktige funksjoner og samhandlinger og datahentingstilnærming. Bekreft at planen oppfyller kravene dine eller ber om endringer.

4. Se gjennom kode og distribuer. AI-verktøyet genererer fullstendig TypeScript-kode. Be verktøyet om å publisere eller distribuere siden når du er klar, og angi eventuelt et områdekartnavn (verktøyet genererer et meningsfullt navn som standard).

5. Test og gjentakelse. Åpne den modelldrevne appen i Power Apps, og gå til den nye siden ved hjelp av nettstedskartet. Hvis du trenger å gjøre endringer, går du tilbake til AI-verktøyet og beskriver oppdateringene ved hjelp av 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.

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 plugin-modulen for Claude Code eller GitHub Copilot CLI, 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

Kan ikke laste inn siden 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

Beste 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