Izveidojiet un rediģējiet ģeneratīvās lapas, izmantojot AI koda ģenerēšanas rīkus

Šajā rakstā aprakstīts, kā izmantot AI koda ģenerēšanas rīkus, piemēram, GitHub Copilot CLI, lai izveidotu un rediģētu ģeneratīvās lapas modeļu vadītām lietotnēm Power Apps. Izmantojot šo pieeju, jūs varat integrēt uzlabotas koda ģenerēšanas iespējas tieši savā izstrādes darba plūsmā, lai izveidotu jaunas ģeneratīvās lapas vai iterētu esošās, izmantojot dabiskās valodas instrukcijas.

Padoms

Šī pieeja ir ieteicamais ceļš ģeneratīvo lapu veidošanai. Tas dod piekļuvi jaunākajiem Frontier AI modeļiem, darbojas visā pasaulē publiskajos mākoņos un ļauj izveidot vairākas lapas, kā arī atbalstīt Dataverse tabulas vienā gājienā.

AI koda ģenerēšanas rīku izmantošana ar ģeneratīvām lapām papildina lietotāja saskarnes pieredzi Power Apps (make.powerapps.com). Šī koda prioritāte ir piemērota jebkuram veidotājam vai izstrādātājam, kurš vēlas piekļuvi jaunākajiem AI modeļiem vai dod priekšroku darbam ar vietējiem izstrādes rīkiem un CLI bāzētām darba plūsmām.

Piezīmes

Lai plānotu, izveidotu vai rediģētu visu modelēto lietotni, nevis atsevišķas ģeneratīvās lapas, izmantojiet priekšskatījuma modeļa lietotņu veidotāja prasmi. Vairāk informācijas: Veidojiet un rediģējiet modeļu vadītas lietotnes ar mākslīgā intelekta koda ģenerēšanas rīkiem (priekšskatījums)

Ko var darīt ar koda ģenerēšanas rīkiem

  • Izveidojiet vienu vai vairākas ģeneratīvas lapas vienā izpildījumā, izmantojot vienkāršas valodas prasības
  • Izveidojiet atbalsta Microsoft Dataverse tabulas savām lapām vai atkārtoti izmantojiet esošās tabulas, tostarp datu paraugus jaunām tabulām
  • Artefaktu ievietošana jaunā vai esošā programmā un risinājumā, tostarp programmas vai risinājuma izveide
  • Atjauniniet esošās ģeneratīvās lapas , pieprasot izmaiņas vai uzlabojumus, izmantojot AI rīku
  • Izvietojiet tieši savā Power Apps vidē, izmantojot PAC CLI komandas
  • Strādājiet lokāli ar vēlamajiem IDE un izstrādes rīkiem, izmantojot npm install ģenerētā koda IntelliSense atbalstu

Kā tas darbojas

  1. Jūs aprakstāt, ko vēlaties veidot dabiskā valodā, piemēram, "Izveidojiet ģeneratīvu lapas informācijas paneli, kurā redzami populārākie konti pēc ieņēmumiem".
  2. Plānotāja aģents analizē jūsu pieprasījumu un ierosina plānu. Plānā var būt viena vai vairākas lapas, Dataverse tabulas, kas nepieciešamas lapām (jaunas vai esošas), kā arī programma un risinājums, kurā atrodas artefakti. Pēc tam plānotājs deleģē specializētiem aģentiem, lai izveidotu plānā aprakstīto. Piemēram, tabulu veidotājs un lapu veidotājs.
  3. Pirms būvniecības jūs pārskatāt un pielāgojat plānu. Varat mainīt lappušu skaitu, mainīt vai pievienot tabulas, atlasīt mērķauditoriju citā programmā vai ievietot artefaktus citā risinājumā.
  4. Aģenti ģenerē ražošanai gatavu TypeScript un React kodu jūsu lapai vai lapām, kā arī atbalsta failus vietējai izstrādei.
  5. Rīks izvieto artefaktus jūsu vidē, izmantojot ģeneratīvās lapas PAC CLI komandas, un pēc izvēles izpilda pārbaudi pārlūkprogrammā, kas izmanto lapu ar ģenerētiem testiem.
  6. Jūsu ģeneratīvā lapa tiek parādīta jūsu modeļa vadītā programmā.

Priekšnoteikumi

Pirms sākat, pārliecinieties, vai jums ir nepieciešamā programmatūra un atļaujas, kas aprakstītas šeit.

Programmatūras prasības

Komponents Minimālā versija Papildinformācija
Node.js 18.0 vai jaunāka versija Lejupielādēt Node.js
Power Platform CLI (PAC CLI) Jaunākie Instalējiet PAC CLI
GitHub Copilot CLI, Claude Code vai cits koda ģenerēšanas rīks Jaunākie GitHub Copilot CLI vai Kloda kods

Papildu prasības

  • Power Platform vide ar modeļa vadītu programmu lapu izvietošanai.
  • Autentificēta PAC CLI sesija, kas savienota ar jūsu mērķa vidi.

Piezīmes

Šī iespēja ir pieejama visā pasaulē publiskajos mākoņos.

Spraudņa instalēšana

Palaidiet instalēšanas programmu, lai iestatītu visus Power Platform spraudņus PowerShell vai Windows komandu logā.

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

Instalētājs automātiski:

  • Atpazīst pieejamos rīkus (GitHub Copilot CLI, Claude Code)
  • Reģistrē spraudņu tirgu un instalē visus spraudņus
  • Iespējo automātisko atjaunināšanu, lai spraudņi būtu aktuāli

Pēc instalēšanas, ja nepieciešams, restartējiet AI rīku.

Instalējiet tikai ģeneratīvās lapas spraudni

Lai instalētu tikai GitHub Copilot CLI vai Claude Code ģeneratīvās lapas spraudni:

  1. Pievienojiet Power Platform prasmju tirgus spraudni: /plugin marketplace add microsoft/power-platform-skills
  2. Instalējiet Power Apps spraudni: /plugin install model-apps@power-platform-skills

Piezīmes

Claude Code spraudni var instalēt ar dažādiem tvērumiem, piemēram, globālo, lokālo vai lietotāju. Atkarībā no darbības jomas, jums ir jābūt pareizajā direktorijā, lai Claude Code izmantotu spraudni. Ej uz Extend Claude ar prasmēm.

Pēc instalēšanas spraudni var izmantot:

  • Komandas nepārprotama izpilde /genpage .
  • Lapas apraksts, kuru vēlaties izveidot. Rīks automātiski atklāj un izmanto spraudni.

Padoms

Ieslēdziet automātisko atjaunināšanu, lai automātiski saņemtu atjauninājumus par tirgu un prasmēm. Izmantojiet komandu /plugin , dodieties uz Tirdzniecības vietas, izvēlieties tirdzniecības vietu un ieslēdziet automātisko atjaunināšanu.

Citu AI koda ģenerēšanas rīku izmantošana

Citiem AI koda ģenerēšanas rīkiem pārliecinieties, ka jūsu rīkam ir piekļuve ģeneratīvo lapu resursiem no Power Platform skills GitHub repozitorija. Modeļa programmu spraudņu mapē ir iekļauta komponentu dokumentācija, koda paraugs, PAC CLI komandu atsauce un darbplūsmas instrukcijas, kas nepieciešamas, lai izveidotu kodu, kas atbilst ģeneratīvajām lapu prasībām, tostarp to, kā izveidot lapas, kas atbalsta vairākas valodas un reģionus. Skatiet repozitoriju readme , lai iegūtu informāciju par piekļuvi šiem resursiem un to izmantošanu ar vēlamo rīku.

Prasmju pārskats

Power Apps spraudnis nodrošina šo prasmi darbam ar ģeneratīvām lapām.

Prasme Komanda Apraksts
Ģeneratīvās lapas /genpage Ģenerējošo lapu koda izveide (scenāriju izveidei vai rediģēšanai)

Šī prasme ļauj aprakstīt, ko vēlaties veidot, un AI rīkam ģenerēt pilnu TypeScript un React kodu jūsu ģeneratīvajai lapai, pēc tam izvietot to tieši jūsu Power Apps vidē.

Jaunas ģeneratīvās lapas izveide

Ievērojiet šo darbplūsmu, veidojot jaunu lapu vai lappušu kopu no nulles.

  1. Sāciet sarunu ar savu AI rīku. Aprakstiet, ko vēlaties izveidot. Esiet tik specifisks vai atvērts, cik vēlaties - jo neskaidrāks pieprasījums, jo vairāk aģents aizpilda sevi. Varat arī pievienot attēlu vai citus materiālus, lai vadītu vizuālos materiālus, dizainu un izkārtojumu. Piemērs:

    • "Izveidojiet ģeneratīvu lapas informācijas paneli, kurā redzami mūsu 10 populārākie konti pēc ieņēmumiem, izmantojot kontu tabulu"
    • "Izveidojiet divas lapas, lai pārvaldītu manu brīvprātīgo reģistrāciju - vienu, lai pārlūkotu atvērtās maiņas, un otru, lai apstiprinātu reģistrēšanos, izmantojot datu paraugus"
    • "Izveidojiet ģeneratīvu lapu incidentu ziņojumu attēlošanai kartē, izmantojot incidentu tabulu"

  2. Izvēlieties izveidot vai rediģēt, ja tas tiek prasīts. Ja plānotāja aģents nav pārliecināts, vai vēlaties jaunu lapu vai atjaunināt esošu, tas jautā. Lai sekotu šai darbplūsmai, izvēlieties izveidot jaunu lapu. Lai to rediģētu, dodieties uz Esošas ģeneratīvās lapas rediģēšana.

  3. Atbildiet uz jautājumiem par to, ko būvēt. Plānotājs var jautāt, kāda veida lapu vēlaties, piedāvājot dažus piemērus un akceptējot pielāgotu aprakstu, piemēram, kādus datus izmantot, izkārtojumu, kādu informāciju parādīt, mijiedarbības utt. Norādiet konkrētas biznesa vajadzības un datu prasības, savlaicīgi identificējiet mobilo ierīču prasības un norādiet visus lietotāja interfeisa komponentus vai izkārtojuma preferences. Plānotājs var arī uzdot precizējošus jautājumus, piemēram, vai izmantot Dataverse tabulas vai iekodētus parauga datus un vai pievienot lapu esošai programmai vai izveidot jaunu programmu.

  4. Pārskatiet un pielāgojiet plānu. Plānotājs piedāvā plānu, kas ietver lapu vai lapas, ko tas plāno veidot, Dataverse tabulas, ko izmantot vai izveidot (ar kolonnām, kuras tas plāno izmantot), programmu, lai viesotu lapu (jaunu vai esošu) un risinājumu, kurā atrodas artefakti. Atkārtojiet ar aģentu, lai pielāgotu visu, ko vēlaties mainīt, piemēram, lappušu skaitu, izmantotās vai izveidotās tabulas, mērķa programmu vai mērķa risinājumu. Apstipriniet plānu, kad tas atbilst jūsu nolūkam.

  5. Ļaujiet aģentiem veidot un izvietot. Specializētie aģenti ģenerē lapu vai lapas, atbalsta tabulas un kodu, pēc tam izvieto jūsu vidē.

  6. Pēc izvēles pārbaudiet pārlūkprogrammā. Pēc būvēšanas aģents var piedāvāt palaist verifikācijas pārlūkprogrammā darbību, kas palaiž automātiski ģenerētus dramaturgu testus pret lapu, lai apstiprinātu, ka tā ielādējas un darbojas pareizi. Izmantojiet to, lai konstatētu acīmredzamas problēmas pirms manuālas testēšanas.

  7. Pārbaudiet un atkārtojiet. Atveriet modeļa vadītu programmu pakalpojumā Power Apps un pārejiet uz jauno lapu. Ja nepieciešams veikt izmaiņas, atgriezieties savā AI rīkā un aprakstiet atjauninājumus dabiskā valodā.

Piezīmes

Ģenerējošās lapas nosaukumu vai pozīciju vietnes kartē jebkurā brīdī varat mainīt no modeļa vadītas programmas noformētāja.

Esošas ģeneratīvās lapas rediģēšana

Izmantojiet šo darbplūsmu, lai atjauninātu lapu, kas jau pastāv jūsu vidē.

  1. Izgūt esošo lapu. Savā AI koda ģenerēšanas rīkā pieprasiet izgūt esošo ģeneratīvo lapu, norādot lapas ID (GUID) vai lapas nosaukumu vietnes kartē un lietotnē, kurā tā atrodas. Piemēram, "Es vēlos atjaunināt mājdzīvnieku adopcijas ģeneratīvo lapu no demonstrācijas programmas".

  2. Aprakstiet savus atjauninājumus. Pastāstiet AI rīkam, kādas izmaiņas vēlaties veikt. Piemērs:

    • "Pievienojiet filtru, lai rādītu tikai aktīvos ierakstus"
    • "Izkārtojuma maiņa, lai kartītes tiktu rādītas režģī, nevis sarakstā"
    • "Pievienojiet diagrammu, kurā parādītas pieņemšanas tendences laika gaitā"
    • "Atjauniniet veidlapu, lai iekļautu jauno pielāgoto lauku mājdzīvnieka temperamentam"

  3. Pārskatiet, publicējiet, testējiet un atkārtojiet. AI rīks ģenerē atjauninātu TypeScript kodu, pamatojoties uz jūsu pieprasītajām izmaiņām. Veiciet to pašu pārskatīšanas, publicēšanas un testēšanas procesu, kas aprakstīts sadaļā "Jaunas ģeneratīvas lapas izveide". Turpiniet atkārtot ar dabiskās valodas norādījumiem, līdz lapa atbilst jūsu prasībām.

Vietējās attīstības faili

Kad AI rīks ģenerē lapu, tas arī ieraksta divus atbalsta failus jūsu vietējā darbvietā, lai atvieglotu koda pārskatīšanu un atkārtošanu:

  • package.json — paziņo izpildlaika un izstrādes atkarības, pret kurām ģenerētā lapa kompilē. Palaidiet npm install pēc ģenerēšanas, lai instalētu šīs atkarības.
  • genpage.d.ts — apkārtējās vides TypeScript deklarācijas objektiem, kas nav instalēti, izmantojot npm, piemēram dataApi , un pageInput.

Ja abi faili ir vietā un npm install ir pabeigti, redaktora IntelliSense, piemēram, VS Code, darbojas pret ģenerēto kodu, tāpēc varat pārskatīt vai rediģēt lapu ar roku, neredzot sarkanus neatrisinātos tipus.

Lapas iestatīšana ievades parametru akceptēšanai

Ģeneratīvās lapas var pieņemt ievades parametrus recordId, un entityName, ļaujot tām saņemt kontekstuālus datus, datapārvietojoties no citām lapām vai koda. Kad jūs uzdodat AI rīkam konfigurēt ievades parametrus, tas ģenerē atbilstošu inicializācijas kodu, lai lapa nolasītu un izmantotu šīs vērtības, kad tā tiek ielādēta.

Aprakstiet nepieciešamos parametrus uzvednē:

  • "Iestatiet lapu, lai akceptētu konta ieraksta ID un entityName. Kad lapa tiek ielādēta, izmantojiet šos parametrus, lai iegūtu un parādītu atbilstošo konta informāciju."
  • "Konfigurējiet šo lapu, lai akceptētu datu parametru, kas satur pielāgotu filtra objektu. Izmantojiet to, lai filtrētu parādītos ierakstus, kad lapa tiek ielādēta."

Lai naviģētu uz lapu un nodotu šos parametrus, skatiet rakstu Naviģēšana uz ģeneratīvo lapu un no tās, izmantojot klienta API.

Lokalizācija

Kad izveido ģeneratīvu lapu, izmantojot Power Apps prasmi, lokalizācija tiek veikta automātiski. Aģents nosaka visas jūsu vidē iespējotās valodas un ģenerē kodu, lai lapa darbotos ar visām šīm valodām. Lapā tiek ievērotas katra lietotāja vēlamās valodas un reģionālās formatēšanas preferences datumiem, skaitļiem un valūtai.

Ja vēlaties atlasīt mērķauditoriju, kas atšķiras no jūsu vidē iespējotajām valodām, varat lūgt aģentam pielāgot, piemēram:

"Atjauniniet šo lapu, lai atbalstītu tikai angļu, franču un spāņu valodu."

Piezīmes

Ģeneratīvās lapas vietnes kartes ieraksts pēc noklusējuma nav lokalizēts. Lai lokalizētu vietnes kartes ierakstus, atjauniniet tos atsevišķi lietojumprogrammu noformētājā.

Lai iegūtu papildinformāciju, dodieties uz lokalizācijas instrukcijām Power Platform prasmju repozitorijā.

Problēmu novēršana

Lapa neizdodas ielādēt pakalpojumā Power Apps

Ja pārvietojaties uz ģeneratīvo lapu un pamanāt kļūdas ziņojumu vai tukšu ekrānu, veiciet tālāk norādītās darbības.

  1. Atveriet pārlūkprogrammas izstrādātāju rīkus (F12 lielākajā daļā pārlūkprogrammu).

  2. Atlasiet cilni Konsole .

  3. Kopējiet visu kļūdas ziņojumu, ieskaitot steka izsekošanu.

  4. Atgriezieties savā AI koda ģenerēšanas rīkā un ielīmējiet kļūdu ar kontekstu:

    "Atverot lapu, tiek parādīta šāda kļūda: [ielīmēšanas kļūda šeit]. Lūdzu, novērsiet problēmu."

    AI rīks analizē kļūdu, identificē pamatcēloni un ģenerē labojumu.

  5. Pārskatiet labojumu un lūdziet rīkam atkārtoti publicēt lapu.

Atgriešanās pie darba versijas

Ja nesenās izmaiņas sabojāja jūsu lapu vai pasliktināja problēmas, varat lūgt AI rīku atgriezties uz iepriekšējo darba versiju:

"Nesenās izmaiņas salauza lapu. Lūdzu, atgriezieties pie pēdējās darba versijas."

Tad AI rīks:

  1. Identificē veiktās izmaiņas
  2. Atjauno iepriekšējo darba kodu
  3. Pārvieto stabilo versiju

Labākās prakses

  • Sāciet vienkārši. Sāciet ar lapas pamata versiju un atkārtojiet, lai padarītu sarežģītāku.
  • Pārbaudiet bieži. Izvietojiet un testējiet savu lapu pēc katras būtiskas izmaiņas.
  • Esiet konkrēts. Sniedziet detalizētas prasības, lai iegūtu labākus sākotnējos rezultātus.
  • Izmantojiet esošos modeļus. Aprakstot savas prasības, atsaucieties uz līdzīgām lapām vai lietotāja interfeisa modeļiem.
  • Apstiprināt ģenerēto kodu. Vienmēr pārskatiet ģenerēto kodu, lai pārliecinātos, ka tas atbilst jūsu organizācijas standartiem un atbilstības prasībām.

Svarīgi

Lai gan AI koda ģenerēšanas rīki cenšas ģenerēt pilnīgu, ražošanai gatavu kodu ar pieejamības un drošības labāko praksi, jūs galu galā esat atbildīgs par koda validāciju. Pārliecinieties, ka ģenerētais kods atbilst jūsu organizācijas standartiem, politikām un atbilstības prasībām.

Ierobežojumi

Ierobežojumi ģeneratīvajām lapām, kas izveidotas, izmantojot AI koda ģenerēšanas rīkus, ir tādi paši kā ģenerētajām lapām, kas izveidotas Power Apps veidotāja portālā:

  • Jūsu lapa var izveidot savienojumu tikai ar Dataverse tabulām.
  • Sadarbība netiek atbalstīta — pārliecinieties, ka tikai viens veidotājs vienlaikus strādā ar ģeneratīvo lapu.
  • Tiek atbalstīti tikai šie datu tipi: Izvēle, Valūta, Klients, Datums un laiks, Tikai datums, Decimālskaitlis, Peldošā komata numurs, Attēls, Uzmeklēšana, Vairākrindu teksts, Statuss, Statusa iemesls, Teksts, Vesels skaitlis, Jā/Nē, Unikālais identifikators.

Saistītais saturs

  • Last updated on