Del via


Opret og rediger generative sider med værktøjer til oprettelse af AI-kode (prøveversion)

[Dette emne er til dokumentationen til den foreløbige udgivelse. Der kan forekomme ændringer.]

I denne artikel beskrives det, hvordan du bruger værktøjer til oprettelse af AI-kode, f.eks. GitHub Copilot CLI og Claude Code, til at oprette og redigere generative sider til modeldrevne apps i Power Apps. Denne fremgangsmåde giver dig mulighed for at integrere avancerede funktioner til generering af kode direkte i din udviklingsarbejdsproces, så du kan oprette nye generative sider eller gentage eksisterende sider ved hjælp af instruktioner til naturligt sprog.

Vigtigt!

  • Dette er en prøveversionsfunktion.
  • Forhåndsversionsfunktionerne er ikke beregnet til produktionsformål og kan have begrænset funktionalitet. Disse funktioner er tilgængelige før en officiel udgivelse, så kunderne kan få tidlig adgang og give feedback.

Brug af værktøjer til generering af AI-kode med generative sider giver en alternativ udviklingstilgang, der supplerer den brugergrænsefladebaserede oplevelse i Power Apps (make.powerapps.com). Denne første kodetilgang er udviklet til udviklere og tekniske udviklere, der foretrækker at arbejde med lokale udviklingsværktøjer og CLI-baserede arbejdsprocesser.

Hvad du kan gøre med værktøjer til oprettelse af kode

  • Opret nye generative sider ved hjælp af almindelige sprogkrav
  • Opdater eksisterende generative sider ved at anmode om ændringer eller forbedringer via dit AI-værktøj
  • Deploy direkte til dit Power Apps miljø ved hjælp af PAC CLI-kommandoer
  • Arbejd lokalt med dine foretrukne IDE- og udviklingsværktøjer

Sådan fungerer det

  1. Du beskriver, hvad du vil bygge på et naturligt sprog, f.eks. "Opret et generativt sidedashboard, der viser de vigtigste konti efter indtægt".
  2. Værktøjet til generering af AI-kode bruger installerede generative sidefærdigheder eller anden kontekst om generative sider til at stille afklarende spørgsmål om dine krav.
  3. Værktøjet genererer produktionsklar TypeScript- og React-kode til din generative side.
  4. Værktøjet udruller koden i dit miljø ved hjælp af generative CLI-kommandoer til PAC-sider.
  5. Din generative side vises i din modeldrevne app.

Forudsætninger

Før du starter, skal du sikre dig, at du har den nødvendige software og de nødvendige tilladelser, der er beskrevet her.

Softwarekrav

Komponent Minimumsversion Flere oplysninger
Node.js 18.0 eller nyere Download Node.js
Power Platform CLI (PAC CLI) Latest Installér PAC CLI
GitHub Copilot CLI, Claude Code eller et andet kodeoprettelsesværktøj Latest GitHub Copilot CLI eller Claude Code

Yderligere krav

  • Et Power Platform-miljø med en modeldrevet app til installation af sider.
  • En godkendt PAC CLI-session , der er forbundet til dit destinationsmiljø.

Bemærkning

Dit Power Platform-miljø skal være placeret i området USA. Denne funktion kommer snart til andre områder.

Installér plug-in'en

Kør installationsprogrammet for at konfigurere alle Power Platform-plug-ins i enten PowerShell eller et Windows kommandovindue.

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

Installationsprogrammet automatisk:

  • Registrerer tilgængelige værktøjer (Claude Code, GitHub Copilot CLI)
  • Registrerer markedspladsen for plug-in'en og installerer alle plug-ins
  • Aktiverer automatisk opdatering, så plug-ins forbliver opdaterede

Efter installationen skal du genstarte ai-værktøjet, hvis det er nødvendigt.

Installér kun den generative side-plugin

Sådan installerer du kun den generative side-plug-in til GitHub Copilot CLI eller Claude Code:

  1. Tilføj marketplace-plug-in'en Power Platform Skills: /plugin marketplace add microsoft/power-platform-skills
  2. Installér Power Apps-plug-in'en: /plugin install model-apps@power-platform-skills

Bemærkning

For Claude Code kan du installere plug-in'en med forskellige områder, f.eks. global, lokal eller bruger. Afhængigt af omfanget skal du være i den korrekte mappe, for at Claude Code kan bruge plug-in'en. Gå til Udvid Claude med færdigheder

Når plug-in'en er installeret, kan du bruge den ved at gøre følgende:

  • Kørsel af kommandoen /genpage eksplicit.
  • Beskriver den side, du vil oprette. Værktøjet registrerer og bruger automatisk plug-in'en.

Tips

Slå automatisk opdatering til for automatisk at modtage opdateringer til markedspladsen og færdigheder. Brug kommandoen /plugin , naviger til Marketplaces, vælg markedspladsen, og slå automatisk opdatering til.

Brug af andre værktøjer til oprettelse af AI-kode

I forbindelse med andre værktøjer til generering af AI-kode skal du sikre, at dit værktøj har adgang til de generative sideressourcer fra Power Platform-færdigheder GitHub lager. Plug-in-mappen med modelapps indeholder komponentdokumentation, eksempelkode, kommandoreference til PAC CLI og instruktioner til arbejdsprocesser, der er nødvendige for at oprette kode, der overholder generative sidekrav, herunder hvordan du opretter sider, der understøtter flere sprog og områder. Se readme-filen til repository for at få oplysninger om adgang til og brug af disse ressourcer med dit foretrukne værktøj.

Oversigt over færdigheder

Plug-in'en Power Apps giver denne færdighed til at arbejde med generative sider.

Skill Kommando Beskrivelse
Generative sider /genpage Opret kode til generative sider (til oprettelse eller redigering af scenarier)

Denne færdighed giver dig mulighed for at beskrive, hvad du vil bygge, og få AI-værktøjet til at generere en komplet TypeScript- og React-kode for din generative side og derefter udrulle den direkte i dit Power Apps miljø.

Opret en ny generativ side

Følg denne arbejdsproces, når du opretter en ny side fra bunden.

  1. Start en samtale med dit AI-værktøj. Beskriv, hvad du vil oprette, herunder hvilke data du vil medtage (hvilke Dataverse-tabeller eller om der skal oprettes eksempelmodeldata). Vær så specifik, som du vil – jo mere vagt du er med anmodningen, jo flere detaljer forsøger agenten at udfylde sig selv. Du kan også vedhæfte eller angive et billede eller andre materialer for at hjælpe med at vejlede visualiseringer, temaer og layout. Eksempel:

    • "Opret et generativt sidedashboard, der viser vores øverste 10 konti efter indtægt ved hjælp af tabellen Konto"
    • "Opret en generativ sideformular til oprettelse og redigering af kontaktposter med eksempeldata"
    • "Opret en generativ side til visning af hændelsesrapporter på et kort ved hjælp af tabellen Incident"
    • "Opret en generativ side til en visualisering af en salgspipeline med salgsmuligheder ved hjælp af det moderne blå tema"
  2. Besvar afklarende spørgsmål. AI-værktøjet stiller spørgsmål for at forstå dine krav. Vær specifik om forretningsbehov og datakrav, identificer mobilkrav tidligt, og nævn eventuelle specifikke komponenter i brugergrænsefladen eller layoutindstillinger.

  3. Gennemse implementeringsplanen. AI-værktøjet præsenterer en plan, der beskriver de komponenter, der skal bygges, Dataverse-tabeller og -kolonner, der skal bruges, vigtige funktioner og interaktioner samt tilgangen til datahentning. Bekræft, at planen opfylder dine krav, eller anmod om ændringer.

  4. Gennemse kode, og udrul. Ai-værktøjet genererer en komplet TypeScript-kode. Bed værktøjet om at publicere eller installere din side, når du er klar, eventuelt ved at angive et navn på webstedsoversigten (værktøjet genererer som standard et sigende navn).

  5. Test og gentagelse. Åbn din modeldrevne app i Power Apps, og naviger til den nye side ved hjælp af webstedsoversigten. Hvis du har brug for at foretage ændringer, skal du vende tilbage til dit AI-værktøj og beskrive opdateringerne ved hjælp af et naturligt sprog.

Bemærkning

Du kan når som helst ændre navnet eller placeringen af den generative side i webstedsoversigten fra designeren af den modeldrevne app.

Rediger en eksisterende generativ side

Brug denne arbejdsproces til at opdatere en side, der allerede findes i dit miljø.

  1. Hent den eksisterende side. I værktøjet til oprettelse af AI-kode skal du anmode om at hente den eksisterende generative side ved at angive side-id'et (GUID) eller sidenavnet i webstedsoversigten og den app, den er i. "Jeg vil f.eks. opdatere den generative side til indføring af kæledyr fra demoappen".

  2. Beskriv dine opdateringer. Fortæl AI-værktøjet, hvilke ændringer du vil foretage. Eksempel:

    • "Tilføj et filter for kun at vise aktive poster"
    • "Skift layoutet til at vise kort i et gitter i stedet for en liste"
    • "Tilføj et diagram, der viser indførelsestendenser over tid"
    • "Opdater formularen, så den indeholder det nye brugerdefinerede felt for kæledyrs temperament"
  3. Gennemse, publicer, test og gentagelse. Ai-værktøjet genererer opdateret TypeScript-kode baseret på de ønskede ændringer. Følg den samme gennemgangs-, publicerings- og testproces, der er beskrevet i afsnittet "Opret en ny generativ side". Fortsæt gentagelsen med instruktioner til naturligt sprog, indtil siden opfylder dine krav.

Lokalisering

Når du opretter en generativ side ved hjælp af Power Apps-plug-in'en til Claude Code eller GitHub Copilot CLI, håndteres lokalisering automatisk. Agenten registrerer alle sprog, der er aktiveret i dit miljø, og genererer kode, så siden fungerer sammen med alle disse sprog. Siden respekterer de enkelte brugeres foretrukne sprog- og internationale formateringsindstillinger for datoer, tal og valuta.

Hvis du vil målrette et andet sæt sprog end dem, der er aktiveret i dit miljø, kan du bede agenten om at justere, f.eks.:

"Opdater denne side, så den kun understøtter engelsk, fransk og spansk."

Bemærkning

Webstedsoversigtsposten for en generativ side oversættes ikke som standard. Hvis du vil lokalisere poster i webstedsoversigten, skal du opdatere dem separat i appdesigneren.

Du kan finde flere oplysninger ved at gå til lokaliseringsvejledningen i lageret Færdigheder i Power Platform.

Fejlfinding

Siden kan ikke indlæses i Power Apps

Hvis du navigerer til din generative side og ser en fejlmeddelelse eller en tom skærm:

  1. Åbn browserudviklerværktøjer (F12 i de fleste browsere).

  2. Vælg fanen Konsol .

  3. Kopiér hele fejlmeddelelsen, herunder staksporingen.

  4. Vend tilbage til værktøjet til oprettelse af AI-kode, og indsæt fejlen med kontekst:

    "Jeg får vist denne fejl, når jeg åbner siden: [Indsæt fejl her]. Løs problemet."

    AI-værktøjet analyserer fejlen, identificerer rodårsagen og genererer en rettelse.

  5. Gennemse rettelsen, og bed værktøjet om at publicere siden igen.

Vender tilbage til en arbejdsversion

Hvis de seneste ændringer har ødelagt din side eller gjort problemer værre, kan du bede AI-værktøjet om at vende tilbage til en tidligere arbejdsversion:

De seneste ændringer ødelagde siden. Vend tilbage til den seneste arbejdsversion."

Ai-værktøjet:

  1. Identificerer de ændringer, der er foretaget
  2. Gendanner den tidligere arbejdskode
  3. Geninstallerer den stabile version

Bedste praksis

  • Start enkelt. Begynd med en grundlæggende version af din side, og gentagelser for at tilføje kompleksitet.
  • Test ofte. Udrul og test din side efter hver væsentlige ændring.
  • Vær specifik. Angiv detaljerede krav for at få bedre indledende resultater.
  • Brug eksisterende mønstre. Reference til lignende sider eller brugergrænsefladens mønstre, når du beskriver dine krav.
  • Valider genereret kode. Gennemse altid den genererede kode for at sikre, at den opfylder organisationens standarder og krav til overholdelse af angivne standarder.

Vigtigt!

Selvom værktøjer til generering af AI-kode gør et bedste forsøg på at generere komplet, produktionsklar kode med bedste fremgangsmåder for tilgængelighed og sikkerhed, er du i sidste ende ansvarlig for at validere koden. Sørg for, at den genererede kode opfylder organisationens standarder, politikker og krav til overholdelse af angivne standarder.

Begrænsninger

Begrænsningerne for generative sider, der er oprettet med værktøjer til oprettelse af AI-kode, er de samme som for generative sider, der er oprettet på Power Apps-udviklerportalen:

  • Din side kan kun oprette forbindelse til Dataverse-tabeller.
  • Samarbejde understøttes ikke – sørg for, at kun én opretter arbejder på en generativ side ad gangen.
  • Kun disse datatyper understøttes: Valg, Valuta, Kunde, Dato og klokkeslæt, Kun dato, Decimaltal, Flydende tal, Billede, Opslag, Tekst med flere streger, Status, Statusårsag, Tekst, Heltal, Ja/Nej, Entydigt id.