Del via


Opprette og redigere generative sider med verktøy for generering av kunstig intelligens -kode (forhåndsvisning)

[Dette emnet inneholder dokumentasjon for forhåndsversjonen, og kan bli endret.]

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.

Viktig!

  • Dette er en forhåndsvisningsfunksjon.
  • Forhåndsversjonsfunksjonene er ikke ment for produksjonsbruk og kan ha begrenset funksjonalitet. Disse funksjonene er tilgjengelige før en offisiell utgivelse, slik at kunder kan få tidlig tilgang og gi tilbakemeldinger.

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
  • Distribuere 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

Komponent Minimumsversjon Mer informasjon
Node.js 18.0 eller nyere Last ned Node.js
Power Platform CLI (PAC CLI) Latest Installer PAC CLI
GitHub Copilot CLI, Claude Code eller annet kodegenereringsverktøy Latest GitHub Copilot CLI eller Claude Code

Tilleggskrav

  • Et Power Platform-miljø med en modelldrevet app for å distribuere sider.
  • En godkjent PAC CLI-økt som er koblet til målmiljøet.

Bemerkning

Power Platform-miljøet må være plassert i det amerikanske området. Denne funksjonen kommer snart til andre områder.

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.

Installere bare plugin-modulen for generative sider

Slik installerer du bare plugin-modulen for generative sider 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 plugin-modulen for Power Apps: /plugin install model-apps@power-platform-skills

Bemerkning

For Claude Code kan du installere plugin-modulen med ulike omfang, for eksempel global, lokal eller bruker. Avhengig av omfanget, må du være i riktig katalog for Claude Code for å bruke plugin-modulen. Gå til Utvid Claude med ferdigheter

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.

Tips

Aktiver automatisk oppdatering for automatisk mottak av oppdateringer til markedsplassen og ferdigheter. /plugin Bruk kommandoen, naviger til Marketplace, velg markedsplassen, og aktiver automatisk oppdatering.

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. Se repositoriets viktig informasjon om hvordan du får tilgang til og bruker disse ressursene med det foretrukne verktøyet.

Kompetanseoversikt

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

Ferdighet Kommando Beskrivelse
Generative sider /genpage Opprett kode for generative sider (for opprettings- eller redigeringsscenarioer)

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.

Bemerkning

Du kan når som helst endre navnet eller plasseringen til den generative siden i områdekartet fra den modelldrevne apputformingen.

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.

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

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.

Viktig!

Selv om verktøy for generering av KUNSTIG INTELLIGENS-kode gjør et forsøk på å generere fullstendig, produksjonsklar kode med anbefalte fremgangsmåter for tilgjengelighet og sikkerhet, er du til syvende og sist ansvarlig for å validere koden. Sørg for at den genererte koden oppfyller organisasjonens standarder, policyer 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.
  • Foreløpig støttes bare amerikansk engelsk.
  • 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.