opomba,
Dostop do te strani zahteva pooblastilo. Poskusite se vpisati alispremeniti imenike.
Dostop do te strani zahteva pooblastilo. Poskusite lahko spremeniti imenike.
Vtičnik Power Pages za GitHub Copilot CLI in Claude Code zagotavlja AI-podprt delovni proces za ustvarjanje, nameščanje in upravljanje sodobnih enostranskih aplikacijskih (SPA) na Power Pages. Namesto da ročno podpirate projekte, pišete standardno API kodo in konfigurirate dovoljenja, opišite, kaj želite, v naravnem jeziku, vtičnik pa upravlja implementacijo.
Vtičnik podpira celoten življenjski cikel razvoja strani skozi pogovorne veščine, od oblikovanja nove strani do njene namestitve, postavitve podatkovnih modelov Dataverse in konfiguracije avtentikacije.
Pomembno
- Generativni AI programerski agent, kot sta GitHub Copilot CLI ali Claude Code, uporablja veščine in delovne procese tega vtičnika za opravljanje nalog, specifičnih za Power Pages.
- Koda in konfiguracija, ki jo generira AI programerski agent, sta lahko netočni. Preglejte, testirajte in preverite vso ustvarjeno vsebino, preden jo odobrite ali uvedite. Vedno preglejte predloge agentov, preden jih odobrite .
Zahteve
Preden začnete, preverite, ali imate potrebno programsko opremo in dovoljenja.
Zahteve programske opreme
| Komponenta | Najnižja različica | Več informacij |
|---|---|---|
| Node.js | 18.0 ali kasneje | Prenesite Node.js |
| Power Platform CLI (PAC CLI) | 2.6.3 ali novejša (zahteva za strežniško logiko) | Namestite PAC CLI |
| Azure CLI | Najnovejše | Namesti Azure CLI |
| GitHub Copilot CLI ali Claude Code | Najnovejše | GitHub Copilot CLI ali Claudeova koda |
| Visual Studio Code in Power Platform Tools razširitev (neobvezno) | Najnovejše | Prenesite VS Code in namestite Power Platform Tools |
Prav tako potrebujete:
- Okolje Power Platform z omogočenim Power Pages.
- Avtentificirana PAC CLI seja, povezana z vašim ciljnim okoljem. Beži
pac auth create, če se še nisi povezal. - Azure CLI seja, prijavljena v istega najemnika. Zaženi
az login --allow-no-subscriptionsza avtentikacijo.
Preverite avtentikacijo:
Preverite, ali ste avtentikirani z ukazom pac auth list .
pac auth list # Should show authenticated profile
Če niste avtentikirani, zaženite ta ukaz:
pac auth create --environment <Instance url> # Authenticate to Power Platform
Nasvet
Za pridobitev URL-ja instance pojdite Power Pages doma, izberite ikono Settings v zgornjem desnem kotu in nato izberite Session details.
Namestite vtičnik
Namestite vtičnik Power Pages iz marketplace. Če uporabljate GitHub Copilot CLI, si oglejte dokumentacijo razširitev Copilot CLI za ustrezne korake namestitve. Naslednji ukazi uporabljajo sintakso Claudeove kode.
Hitra namestitev (priporočeno)
Zaženi namestitveni program, da nastaviš vse vtičnike z omogočenim samodejnim posodabljanjem:
Windows (PowerShell):
iwr https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js -OutFile install.js; node install.js; del install.js
macOS/Linux/Windows (cmd):
curl -fsSL https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js | node
Namestitveni program samodejno:
- Namesti CLI,
pacče še ni nameščen. - Zaznava razpoložljiva orodja, kot sta Claude Code in GitHub Copilot CLI.
- Registrira tržnico vtičnikov in namesti vse navedene vtičnike.
- Omogoči samodejno posodabljanje, da so vtičniki ažurni.
Po namestitvi ponovno zaženi Claude Code ali GitHub Copilot CLI, da dostopaš do veščin vtičnika kot poševnih ukazov v agentni seji.
Namestitev iz marketplace
Odpri Claudeovo kodo v svojem terminalu.
Dodajte Microsoft marketplace:
/plugin marketplace add microsoft/power-platform-skillsNamestite vtičnik Power Pages:
/plugin install power-pages@power-platform-skills
Po namestitvi vtičnika ponovno zaženi Claude Code ali GitHub Copilot CLI, da dostopaš do veščin vtičnika kot ukazov za poševnico v svoji agentni seji.
Nasvet
Za samodejno prejemanje posodobitev tržnice in veščin vklopite samodejno posodabljanje. Uporabi ukaz, /plugin pojdi v Tržnice, izberi tržnico in vklopi samodejno posodabljanje.
Pregled veščin
Vtičnik ponuja veščine, ki pokrivajo celoten življenjski cikel Power Pages strani. Vsako veščino uporabi pogovorno, bodisi kot ukaz za rezanje ali tako, da opišeš, kaj želiš to do.
| Spretnost | Command | Kaj počne |
|---|---|---|
| Ustvari spletno mesto | /create-site |
Podpira spletno stran, uporablja vašo oblikovalsko smer in gradi strani ter komponente |
| Lokacija namestitve | /deploy-site |
Projekt zgradi in ga naloži v Power Pages z uporabo PAC CLI |
| Aktiviraj spletno stran | /activate-site |
Določi zapis spletne strani in dodeli javni URL |
| Vzpostavitev podatkovnega modela | /setup-datamodel |
Ustvarja tabele, stolpce in odnose v Dataverse |
| Dodajte vzorčne podatke (neobvezno) | /add-sample-data |
Napolni Dataverse tabele z realističnimi testnimi zapisi |
| Integracija spletnega API-ja | /integrate-webapi |
Generira tipizirano API kodo odjemalca, storitve in dovoljenja za tabele |
| Dodajte AI povzetke | /add-ai-webapi |
Integrira generativne AI API-je za povzemanje (povzetek iskanja in povzemanje podatkov) v vaše strani. Generira tipkano povzetno storitev z obravnavo žetonov proti ponarejevanju, okvirno specifičnimi ovitki, žičnimi klicnimi stranmi in Summarization ustreznimi nastavitvami strani |
| Nastavitev preverjanja pristnosti | /setup-auth |
Dodaja prijavo, odjavo in nadzor dostopa na podlagi vlog. Podpira Microsoft Entra ID, Zunanja identiteta Microsoft Entra, OpenID Connect, SAML 2.0, WS-Federation, Microsoftov račun, Facebook, Google ter lokalno avtentikacijo uporabniških imen in gesel, vključno z konfiguracijami več ponudnikov |
| Ustvarite spletne vloge | /create-webroles |
Generira YAML datoteke spletnih vlog za upravljanje uporabniškega access |
| Dodajte strežniško logiko | /add-server-logic |
Generira varne strežniške JavaScript končne točke za validacijo, zunanje API klice, upravljanje skrivnosti in podatkovne operacije |
| Dodaj pretok oblakov | /add-cloud-flow |
Vključuje obstoječe Power Automate oblačne tokove v vašo spletno stran za odobritvene delovne procese, obvestila in načrtovano avtomatizacijo |
| Integracija backenda | /integrate-backend |
Analizira vaš prototip, določi pravi pristop (spletni API, strežniška logika ali cloud flow) za vsako funkcijo in orkestrira celoten zaporedje gradnje |
| Dodaj SEO | /add-seo |
Generira robots.txt, sitemap.xmlin meta oznake |
| Zaženi varnostni pregled | /security-review |
Usmerja osredotočene varnostne veščine in združuje vsako ugotovitev v eno samo HTML poročilo. Zajema kodo, odvisnosti, skeniranje nameščenih strani, glave brskalnikov, požarni zid spletnih aplikacij, dovoljenja za tabele in konfiguracijo avtentikacije |
| Skeniranje izvorne kode | /scan-code |
Izvaja statično analizo in skeniranje odvisnosti na lokalnih izvornih datotekah; Razkriva ugotovitve v vzorcih kode, ranljivih paketih, trdo kodiranih skrivnostih in licenčnih težavah |
| Skeniraj nameščeno lokacijo | /scan-site |
Začne varnostni pregled na strežniški strani proti živemu mestu, pridobi najnovejše poročilo in razvrsti ugotovitve po resnosti |
| Upravljanje varnostnih glav brskalnika | /manage-headers |
Pregleduje in konfigurira HTTP varnostne glave, ki jih spletna stran pošilja brskalnikom — Politika varnosti vsebine, zaščita pred okvirji in klikanjem, deljenje med izvori, obnašanje piškotkov in sorodne nastavitve strani |
| Upravljanje požarnega zidu spletnih aplikacij | /manage-firewall |
Pregleduje in konfigurira požarni zid spletnih aplikacij (WAF) na produkcijski lokaciji: omogoča zaščito, dodaja ali odstranjuje IP blokade, državne blokade, blokade poti in omejitve hitrosti |
| Dovoljenja za revizijske tabele | /audit-permissions |
Revizija obstoječih dovoljenj za tabele glede na kodo strani in metapodatke Dataverse; ustvari HTML poročilo, združeno po resnosti s predlaganimi popravki |
| Razporeditev načrta | /plan-alm |
Zazna stanje projekta, zbere vašo strategijo napredovanja, ustvari vizualni načrt in orkestrira druge veščine upravljanja življenjskega cikla aplikacije (ALM) v pravem vrstnem redu |
| Avtorjeva rešitev | /setup-solution |
Ustvari založnika in rešitev, doda komponente Power Pages, razvrsti nastavitve spletnega mesta ter predlaga okoljske spremenljivke in skrivnosti Azure Key Vault |
| Vzpostavitev gostitelja cevovoda | /ensure-pipelines-host |
Zagotavljanje ali zaznavanje gostiteljskega okolja za cevovode Power Platform |
| Vzpostavitev cevovoda | /setup-pipeline |
Registrira definicijo cevovoda v Dataverse in veže stopnje promocije na ciljna okolja |
| Uvedba preko cevovoda | /deploy-pipeline |
Sproži namestitev cevovoda za ciljno stopnjo z preglasitvijo okoljskih spremenljivk za vsako stopnjo |
| Okolje s silno povezavo | /force-link-environment |
Prerazporedi ciljno okolje novemu gostitelju Power Platform Pipelines, ko gostitelj konfliktno blokira uvajanje |
| Izvozi rešitev | /export-solution |
Izvaža rešitev kot upravljan ali neupravljan zip, s preverjanjem popolnosti pred izvozom |
| Uvoz rešitve | /import-solution |
Uvozi zip rešitve v ciljno okolje, stopnjevalno ali neposredno |
| Testno mesto | /test-site |
Preverja nameščeno spletno stran s testom v brskalniku: pregledovanje strani, preverjanje dostopa na podlagi vlog in preverjanje spletnih API-jev |
| Postavitev diagnoze | /diagnose-deployment |
Primerja neuspehe pri namestitvi s katalogom znanih napak in predlaga rešitev |
Tipičen potek dela
Pogost celoten delovni proces sledi naslednjemu zaporedju:
- /create-site : Strani za odgradnjo, oblikovanje in izdelavo
- /deploy-site : Naloži v svoje Power Pages okolje
- /activate-site : Nastavite javni URL
- /setup-datamodel : Ustvarjanje Dataverse tabel
- /add-sample-data : Napolnite tabele s testnimi zapisi
- /integrate-webapi : Generiranje API kode odjemalca in konfiguracija dovoljenj
- /create-webroles : Definiraj access vloge
- /setup-auth : Dodajte uporabniški vmesnik za prijavo, odjavo in uporabniški vmesnik, ki temelji na vlogi
- /add-server-logic : Dodajte varne strežniške končne točke
- /add-cloud-flow : Integracija obstoječih Power Automate tokov
- /add-seo : Optimizacija za iskalnike
- /deploy-site : Pošiljanje končnih sprememb v živo
- /security-review : Pred začetkom produkcije zaženi celovit varnostni pregled
- /plan-alm : Promovirajte svojo stran v testnih in produkcijskih okoljih
Nasvet
- Ni vam treba slediti točno temu vrstnemu redu. Vsaka veščina preveri svoje predpogoje in ti pove, če kaj manjka. Na primer, lahko zaženete
/setup-authprej/integrate-webapi, če vaša stran najprej potrebuje avtentikacijo. - Če niste prepričani, kateri pristop uporabiti za posamezno funkcijo, začnite
/integrate-backendnamesto korakov 4 do 10 posebej. Analizira vaš prototip, določi, ali vsaka funkcija potrebuje spletni API, strežniško logiko ali tok v oblaku, in orkestrira veščine v pravilnem vrstnem redu. - Za dodajanje AI-generiranih iskanj in povzetkov zapisov zaženite
/add-ai-webapipo/integrate-webapi. Ponovno uporablja dovoljenja za tabele in nastavitve strani, ki jih konfigurirajo/integrate-webapi, zato ga zaženite, ko je integracija spletnega API-ja vzpostavljena.
Zgradite svojo Power Pages stran
Ta vodič zajema celoten življenjski cikel gradnje Power Pages strani z vtičnikom, od podpore do namestitve. Vsak korak opisuje, kaj rečeš in kaj vtičnik naredi kot odgovor.
Korak 1: Ustvarite svojo spletno stran
Opišite spletno stran, ki jo želite, v naravnem jeziku: za kaj je namenjena, katere strani potrebuje in katere oblikovne preference so barvna shema, slog postavitve ali pisave. Zaženi /create-site ali samo opiši svojo stran in vtičnik prepozna namen.
Če ne določite ogrodja, vas vtičnik prosi, da izberete enega (React, Vue, Angular ali Astro), nato:
- Project sestavlja iz predloge in uporabi ime vaše strani, barve ter oblikovalske žetone.
- Namesti odvisnosti, zažene razvojni strežnik in odpre predogled brskalnika v živo.
- Vsako stran, komponento in pot, ki ste jo zahtevali, zgradi z ustreznimi slikami.
- Ustvari git commite ob pomembnih mejnikih, tako da imaš vgrajeno zgodovino povračila.
Korak 2: Namestite svojo stran
Zaženite /deploy-site, da naložite svojo stran na Power Pages. Vtičnik:
- Preveri, ali je PAC CLI nameščen in da je vaša avtentikacijska seja aktivna.
- Preden nadaljuje, potrdi ciljno okolje s tabo.
- Zažene produkcijsko gradnjo in naloži prevedeni izhod.
- Ustvari deployment artifacts imenik, če ta še ne obstaja.
opomba,
Če vaše okolje blokira določene priponke, vtičnik zazna težavo in vam da navodila za njeno rešitev.
Korak 3: Aktivirajte svojo stran
Teci, /activate-site da bo stran javno dostopna. Vtičnik:
- Predlaga poddomeno glede na ime vaše strani in vam omogoča prilagoditev.
- Vzpostavi zapis spletne strani preko Power Platform API-ja.
- Anketirajte, dokler stran ni aktivna in ne vrne javnega URL-ja.
Trenutno imate delujočo stran na javnem URL-ju. Preostali koraki dodajajo podatke, avtentikacijo in SEO. Preskočite vse korake, ki ne veljajo za vašo stran.
Korak 4: Nastavite svoj podatkovni model
Teči, /setup-datamodel da ustvariš Dataverse tabele, ki jih tvoja stran potrebuje. Če že imate ER diagram ali specifično shemo, ga zagotovite neposredno, namesto da agent analizira vašo kodo.
Vtičnik ustvari agenta Data Model Architect , ki:
- Analizira kodo vaše strani, da ugotovi, katere podatke strani in komponente potrebujejo.
- Poizveduje vaše okolje Dataverse za obstoječe tabele, da se izognete podvajanjem.
- Predlaga podatkovni model s tabelami, stolpci, podatkovnimi tipi in relacijami, vizualiziran kot ER diagram.
Vi pregledate in odobrite predlog. Vtičnik ne ustvari ničesar, dokler ne potrdiš. Po odobritvi vtičnik ustvari tabele in stolpce preko API klicev ter shrani manifestno datoteko, ki jo uporabljata koraka 5 in 6.
Korak 5: Dodaj vzorčne podatke (neobvezno)
Zaženi se /add-sample-data , da napolniš tabele s testnimi zapisi. Ta korak zahteva podatkovni model iz 4. koraka.
Vtičnik izvaja naslednja dejanja:
- Prebere manifest, da razume vaše tabele, stolpce in odnose.
- Generira kontekstualno ustrezne vrednosti za vsako vrsto stolpca, kot so realistična e-poštna sporočila, verjetni datumi in oblikovani zneski valute.
- Vstavlja zapise po vrstnem redu odvisnosti (nadrejene tabele pred otroškimi tabelami) in samodejno osvežuje avtentikacijske žetone med množičnim vstavljanjem.
6. korak: Integracija z Dataverse Web API-jem
Zaženi /integrate-webapi se, da nadomestiš simulirane podatke z živimi poizvedbami v Dataverse. Ta korak zahteva podatkovni model iz 4. koraka.
Vtičnik izvaja naslednja dejanja:
- Preišče vašo kodo za komponentami, ki uporabljajo lažne podatke, nadomestne klice za pridobivanje ali trdo kodirane tabele. Te komponente preslika v vaše Dataverse tabele.
- Za vsako tabelo ustvari agent za integracijo spletnega API-ja , ki generira:
- Deljeni API odjemalec z upravljanjem žetonov proti ponarejanju in logiko ponovnega poskusa.
- TypeScript entitetni tipi in domenski mapperji.
- CRUD storitveni sloj.
- Vzorci, specifični za ogrodje, kot so React kljuke, Vue kompozitorji ali Angular storitve.
- Ustvari agenta Permissions Architect , ki predlaga dovoljenja za tabele in nastavitve strani.
Pregledate in odobrite predlog dovoljenj. Vtičnik ne ustvari nobenih konfiguracijskih datotek, dokler ne potrdiš.
Dodajte povzetke, ki jih generira umetna inteligenca (neobvezno)
Uporabite /add-ai-webapi povzetke generativne umetne inteligence nad vašo integracijo spletnega API-ja. Ta veščina povezuje dva API-ja za predogledno povzemanje z vašimi stranmi za podrobnosti zapisov in seznam:
- API za povzetek iskanja: Vrne AI-skrajšani povzetek rezultatov iskanja s citati.
- API za povzemanje podatkov: Vrne povzetek na zapis ali vpoglede na ravni seznama za tabelo Dataverse.
Ta korak temelji na podatkovnem modelu iz 4. koraka in integraciji spletnega API-ja iz 6. koraka. Vtičnik izvaja naslednja dejanja:
- Pregleda vašo kodo za povzetke integracijskih točk in potrdi ciljne strani, tabele ter katere API-je uporabiti.
- Delegira vse manjkajoče pogoje spletnega API-ja — dovoljenja za tabele, sezname stolpcov in spletne vloge — na
/integrate-webapiin/create-webroles, tako da obstaja en vir resnice za dovoljenja. - Ustvari AI agent za integracijo spletnega API-ja , ki generira tipkano storitev povzetkov (
aiSummaryService.ts) z obravnavo žetonov proti ponarejevanju, ogrodje-specifičnimi ovitki (React hooks, Vue kompozitorji ali Angular storitve) in povezavami za žične klice na ciljnih straneh. - Ustvari AI Web API Settings Architect agenta, ki ustvari
Summarizationnastavitve strani za pozive in omejitve vsebine.
Pregledate in odobrite predloge. Vtičnik ne generira kode ali ustvarja nastavitev, dokler ne potrdiš.
opomba,
API-ji za povzemanje so v predogledu in so odvisni od vklopa administrativnih in spletnih kontrol. Če povzetkov po uvedbi ne prikažejo, potrdite, da je funkcija omogočena, preko ustreznih nastavitev lokacije in administratorskih kontrol. Za več informacij glejte Pregled API za povzetek podatkov in Power Pages iskanje z generativno AI.
Korak 7: Ustvarite spletne vloge
Zaženi /create-webroles za definiranje uporabniških access vlog. Vtičnik:
- Preveri vaše okolje za obstoječe spletne vloge, da se izognete podvajanjem.
- Generira definicije vlog z edinstvenimi identifikatorji.
- Zagotavlja, da ima vsaka stran največ eno anonimno vlogo in eno avtentičeno vlogo.
Korak 8: Nastavite avtentikacijo
Uporabite za /setup-auth dodajanje prijave, odjave in nadzora dostopa na podlagi vlog na vaši strani. Vtičnik podpira naslednje ponudnike identitet, hkrati pa lahko konfigurirate enega ali več ponudnikov.
| Provider | Najboljše za |
|---|---|
| Zunanja identiteta Microsoft Entra (priporočeno za spletne strani, usmerjene v stik s strankami) | Javne strani in portali za stranke s samopostrežno prijavo. |
| Microsoft Entra ID | Notranji portali za zaposlene ali partnerske strani za poslovanje med podjetji (B2B). Power Pages samodejno konfigurira nadrejenega najemnika strani, zato vam ni treba vnašati podatkov o najemniku. |
| Microsoft, Facebook, Google | Družbena prijava za potrošniško občinstvo. |
| Lokalna avtentikacija | Prijava z uporabniškim imenom in geslom. Ni priporočljivo in je konfigurirano le, če to izrecno zahtevate. |
Za več informacij o podprtih ponudnikih, vključno s protokoli in konfiguracijskimi vidiki, glejte Pregled avtentikacije v Power Pages.
Vtičnik:
- Analizira vašo spletno stran (namen, strani, občinstvo) in predlaga smiselno privzeto rešitev. Na primer, vtičnik predlaga Zunanja identiteta Microsoft Entra z odprto registracijo za spletno stran, usmerjeno v stik s strankami, ali Microsoft Entra ID z registracijo samo na povabilo za notranji portal. Sprejmete priporočilo ali pa izberete svoje storitve.
- Za vsakega ponudnika vas vodi skozi vse potrebne korake v administrativnem centru ponudnika identitete, kot so ustvarjanje najemnikov, registracija aplikacij, ustvarjanje uporabniških tokov ter zajem ID-jev odjemalcev in preusmeritev URI-jev. Vtičnik potrdi vsako vrednost, ki jo prilepite nazaj v pogovor, in izračuna natančen URI preusmeritve za vašo stran, tako da vrednost, prilepljena v registracijo aplikacije, ustreza vrednosti, zapisani v nastavitvah strani.
- Sprašuje, kako naj podatki uporabniškega profila tečejo iz ponudnika identitete v zapis stikov Dataverse (preslikava zahtevkov), ali naj se sinhronizirajo ob vsaki prijavi ali samo ob prvi prijavi in ali naj se zunanje prijave samodejno povežejo z obstoječimi stiki po elektronski pošti.
- Generira storitev avtentikacije, deklaracije tipov, orodja za avtorizacijo na osnovi vlog (
hasRole,RequireAuth, ),RequireRolehook za ohranjanje seje, ki preprečuje, da bi SPA seje tiho potekle, ter komponento uporabniškega vmesnika za prijavo/odjavo, integrirano z vašo postavitvijo strani. Vtičnik uporablja vzorce vašega ogrodja, kot so React hooks, Vue kompozitorni elementi, Angular storitve ali Astro komponente. - Ko je konfiguriranih več ponudnikov, se ustvari stran, upodobljena
/loginv izbrani postavitvi: vodoravna vrstica, vertikalni sklad, primarni poudarek ali zavihek. - Zapiše ustrezne nastavitve strani za
.powerpages-site/site-settings/vsakega ponudnika, način registracije, kartiranje zahtevkov in opcijsko funkcijo.
Vtičnik ob vklopu konfigurira tudi naslednje dodatne funkcije:
-
Pogoji uporabe: SPA
/termsstran, ki jo morajo uporabniki sprejeti pred dokončanjem prijave, poleg tega pa tudi ustrezna nastavitev strani in vsebinski izseki. -
Uporabniška profilna stran: SPA stran
/user-profile, kjer prijavljeni uporabniki urejajo svoje kontaktne podatke prek Power Pages spletnega API-ja. - Federativna odjava: Prav tako odjavi uporabnika pri ponudniku identitete, ko se odjavi s strani, za primere skupne naprave ali regulirane primere.
Nasvet
Za dodajanje drugega ponudnika identitete obstoječi strani zaženite /setup-auth znova. Vtičnik zazna, kaj je že konfigurirano, in ponudi dodajanje novega ponudnika, ne da bi prepisal obstoječe. Ta pristop je uporaben za inkrementalne scenarije, kot je začetek z Zunanja identiteta Microsoft Entra in kasneje dodajanje Googla za družbeno prijavo.
opomba,
Avtorizacija na strani odjemalca (RequireAuth, RequireRole, ) hasRoleje namenjena samo uporabniški izkušnji. Nadzoruje, kaj uporabnik vidi. Dovoljenja za strežniško mizo, konfigurirana tako /integrate-webapi , zagotavljajo dejansko varnost.
Korak 9: Dodajte strežniško logiko
Uporabite /add-server-logic za dodajanje varnih strežniških končnih točk na vašo stran.
Uporabite strežniško logiko, kadar vaša stran potrebuje logiko, ki ne more delovati v brskalniku, kot so zunanji API klici, strežniška validacija, upravljanje skrivnosti ali medentitetne podatkovne operacije.
Pomembno
Podpora strežniški logiki zahteva PAC CLI različico 2.6.3 ali novejšo. Uporabite skripto za hitro namestitev za posodobitev na najnovejšo različico.
Opišite, kaj potrebujete, v preprostem jeziku in vtičnik:
- Ustvari agenta Server Logic Architect , ki analizira vaš primer uporabe in razvrsti njegovo kompleksnost.
- Predlaga zasnovo končne točke, varnostno konfiguracijo in vse potrebne dovoljenja za tabelo za vaš pregled.
- Po odobritvi generira strežniški JavaScript endpoint na
/_api/serverlogics/<name>. - Ustvari tipizirano storitev na strani odjemalca, ki kliče končno točko iz vaših komponent.
- Posodobi vaše komponente, da pokličejo novo storitev.
- Konfigurira dodelitve spletnih vlog in dovoljenja za tabele za končno točko.
Vi pregledate in odobrite predlog. Nobena koda se ne generira, dokler ne potrdiš.
Pogosti primeri uporabe:
- Povežite se z zunanjimi storitvami. Pokliči REST API-je, Azure Functions ali storitve tretjih oseb brez razkritja poverilnic. (Vodič: interakcija z zunanjimi storitvami)
- Izvajanje varnih podatkovnih operacij. Poizvedujte, posodabljajte ali brišite zapise v Dataverse z dosledno strežniško validacijo. (Vodič: interakcija z Dataverse tabelami)
- Zaženi prilagojeno logiko. Združujte podatke med tabelami, uveljavljajte poslovna pravila ali izračunavajte izpeljane vrednosti, preden rezultate vrnete stranki.
- Upravljanje skrivnosti na strežniški strani. Poverilnice in API ključe shranjujte na strežniku, nikoli v kodi odjemalca. (Tutorial: interakcija z Microsoft Graph in SharePoint)
opomba,
Zaženi /add-server-logic enkrat na vsak primer. Na primer, če vaša lokacija potrebuje tako končno točko za validacijo zalog kot globalno iskalno točko, zaženite veščino dvakrat.
Korak 10: Integrirajte tokove v oblaku
Zaženite /add-cloud-flow za integracijo obstoječih Power Automate oblačnih tokov v vašo spletno stran. Ta veščina poveže vašo Power Pages stran s tokovi, ki ste jih že ustvarili v Power Automate. Ne ustvarja novih oblačnih tokov.
Vtičnik:
- Zabeleži obstoječi tok oblaka na vaši strani.
- Generira kodo na strani odjemalca, ki sproži tok iz vaših strani.
- Obvladuje asinhrono stanje delovnega toka in vzorce povratnih klicev.
- Povezuje izmenjavo podatkov med stranjo in tokom.
Uporabite /add-cloud-flow za delovne tokove odobritve, e-poštna obvestila, načrtovana opravila in avtomatizacijo, ki jo upravlja Power Automate bolje kot strežniški končni sistemi.
Alternativa: Uporabite /integrate-backend za načrtovanje celotne storitvene plasti
Če niste prepričani, katere funkcije potrebujejo spletni API, strežniško logiko ali cloud flow, zaženite /integrate-backend namesto ročnega izvajanja korakov 4 do 10. Ta veščina deluje kot orkestrator, ki:
- Analizira vaš prototip, da identificira vse funkcije, ki potrebujejo servisno plast.
- Vsako funkcijo razvrsti v pravi pristop: spletni API za standardni CRUD, strežniška logika za strežniško validacijo in zunanje API-je ali cloud flow za odobritvene delovne procese in avtomatizacijo.
- Predlaga zaporedni načrt izvajanja z vsemi veščinami, odvisnostmi in konfiguracijami.
- Ko odobriš, orkestriraj veščine v pravilnem vrstnem redu.
Načrt je vztrajen, obnovljiv in urejaven. Po vsakem koraku se ustavite za pregled generirane kode ali testiranje strani in nadaljujte tam, kjer ste končali, tako da ponovno zaženete /integrate-backend .
Korak 11: Dodaj SEO
Uporabite /add-seo optimizacijo svoje strani za iskalnike. Vtičnik:
- Odkrije poti iz konfiguracije usmerjevalnika vašega sistema.
- Generira direktive iskalnikov in zemljevid strani za vse odkrite poti.
- Dodaja meta oznake: viewport, charset, opis, Open Graph, Twitter Card in reference na favicon.
Korak 12: Namestite končno lokacijo
Če izvedete kakšen neobvezen korak, ga ponovno zaženete /deploy-site , da prenesete spremembe v živo. Vtičnik zažene produkcijsko različico in naloži stran skupaj z vsemi artefakti namestitve (dovoljenja za tabele, nastavitve strani, spletne vloge, logične datoteke strežnika) v vaše Power Pages okolje.
Korak 13: Izvedite varnostni pregled
Pred /security-review začetkom produkcije opravite celovit varnostni pregled svoje strani. Veščina orkestrira osredotočene varnostne veščine in združuje vsako ugotovitev v eno samo HTML poročilo na .docs/security-review-<timestamp>.html
Vtičnik postavi eno preprosto vprašanje o vašem cilju in izbere usklajen nabor usmerjenih veščin:
| Cilj | Kaj preverja |
|---|---|
| Koda in konfiguracija | Izvorna koda, odvisnosti, dovoljenja za tabele in konfiguracija avtentikacije. Deluje samo z lokalnimi datotekami – ni potrebna nameščanje. |
| Pripravljenost na izid (priporočeno) | Celoten pregled pred objavo. Poganja vse usmerjene veščine: kodo in odvisnosti, skeniranje nameščenih strani, varnostne glave brskalnika, požarni zid spletnih aplikacij, dovoljenja za tabele in avtentikacijo. |
| Nameščena lokacija | Samo skeniranje lokacije v živo. Uporabno za stalno spremljanje objavljene strani. |
Ko potrdite, vtičnik vzporedno izvede ujemajoče se veščine in njihove ugotovitve zapiše v eno poročilo:
-
/scan-code: Izvaja statično analizo (opengrep) in skeniranje odvisnosti (trivy) na lokalnih izvornih datotekah. Surface vzorce kode, ranljive pakete, trdo kodirane skrivnosti in licenčne težave. Če nobeno orodje ni nameščeno, veščina ponuja ročni pregled kode kot rezervno možnost. -
/scan-site: Začne varnostni pregled na strežniški strani proti živi strani in pridobi najnovejše poročilo. Trajanje skeniranja je odvisno od velikosti lokacije – manjše lokacije končajo v nekaj minutah, velike pa lahko vzamejo ure. Ugotovitve so razvrščene po resnosti. Zahteva nameščeno lokacijo. -
/manage-headers: Pregleduje HTTP varnostne glave, konfigurirane pod.powerpages-site/site-settings/: Politika varnosti vsebine, X-Frame-Options, CORS, piškotki SameSite in sorodne nastavitve. Prepozna manjkajoče ali šibke vrednosti in predlaga priporočene privzete vrednosti. -
/manage-firewall: Pregleduje požarni zid spletnih aplikacij (WAF) za produkcijsko lokacijo, vključno s stanjem upravljanih pravil in prilagojenimi pravili (IP bloki, državni bloki, bloki poti, omejitve hitrosti). Na voljo le na proizvodnih lokacijah v podprtih regijah; Veščina zazna in poroča o težavah z upravičenostjo. -
/audit-permissions: Pregleduje obstoječe dovoljenja za tabele glede na kodo strani in metapodatke Dataverse. Razkrije manjkajoča dovoljenja, preveč permisivne vloge, neuporabljena dovoljenja in težave z YAML shemo.
Konsolidirano poročilo združuje ugotovitve po razdelkih, se odpre v vašem privzetem brskalniku in vključuje smernice za odpravo v preprostem jeziku. Iz klepeta vtičnik nato ponudi pregled popravkov – izberi ugotovitev in vtičnik interaktivno uporabi veščino, osredotočeno na ujemanje, da uvede spremembo.
opomba,
Varnostni pregled nikoli ne uvede sprememb samodejno. Vsaka osredotočena veščina teče v načinu pregleda samo za branje med združenim zagonom. Za uporabo popravka vtičnik interaktivno prikliče ujemajočo veščino po tem, ko izberete akcijo.
Nasvet
Lahko igraš tudi katerokoli osredotočeno veščino samostojno:
- Zaženi med
/scan-coderazvojem, da zgodaj zaznaš težave na ravni kode. - Zaženi za
/manage-headersodpravo določene napake v politiki varnosti vsebine ali nastavi CORS. - Zapeljite se, da dodate omejitev hitrosti na strani za prijavo ali blokirate
/manage-firewallpromet po državah. - Zaženi
/audit-permissionspo spremembi dovoljenj tabele, da preveriš, ali se še vedno ujemajo s kodo strani. - Ponovno zaženite
/security-reviewz namenom Deployed site , da spremljate proizvodno lokacijo skozi čas.
Preverite svojo spletno stran
Ko opravite veščine, preverite, ali vaša Power Pages stran deluje pravilno.
- Pojdi na Power Pages.
- Poiščite svojo stran na seznamu aktivnih strani .
- Predogled vaše strani na namizju lahko uporabite z možnostjo Predogled .
- Preizkusite funkcionalnost.
Promovirajte svojo stran v različnih okoljih
Ko vaša lokacija deluje v razvojnem okolju, uporabite veščine upravljanja življenjskega cikla aplikacije (ALM), da jo promovirate v testna in produkcijska okolja. Vtičnik zapakira vašo stran kot rešitev Power Platforme, prepozna vrednosti, ki se razlikujejo med okoljem, in rešitev uvaja preko Power Platform Pipelines ali ročnega izvoza in uvoza.
Za uporabo ALM veščin potrebujete tudi vsaj eno ciljno okolje Power Platform (testno, produkcijsko ali oboje). Za uporabo opcijskega poteka Azure Key Vault za skrivnosti potrebujete tudi dovoljenje za ustvarjanje key vaulta v svoji naročnini na Azure.
Načrtujte razporeditev
Teci /plan-alm za začetek.
/plan-alm je vstopna točka za ALM in orkestrira druge ALM veščine, zato jih običajno ne uporabljaš neposredno. Vtičnik:
- Zaznava trenutno stanje vašega projekta, rešitve in ciljnih okolij.
- Sprašuje o vaši strategiji napredovanja (Power Platform Pipelines ali ročni izvoz in uvoz), ciljnih fazah in morebitnih omejitvah, ki jih je treba uporabiti.
- Ustvari vizualni načrt,
docs/alm-plan.htmlki prikazuje vsako dejanje, ki ga namerava izvesti. - Počaka na tvoje odobritev, preden uporabi katerokoli nadaljno veščino.
Načrt ostane na disku, tako da vsaka nadaljnja veščina bere in piše v isti trajni načrt. Če faza odpove, zaženi /plan-alm znova in se nadaljuje tam, kjer se je ustavila.
Napiši rešitev
Teči, da svojo stran zapakiraš /setup-solution kot rešitev Power Platforme. Vtičnik:
- Ustvari založnika in rešitev, nato doda vaše Power Pages komponente: spletno stran, spletne vloge, logične končne točke strežnika, registracije v oblaku in nastavitve ponudnika OAuth.
- Vsako nastavitev lokacije razvrsti glede na občutljivost in predlaga okoljske spremenljivke za vrednosti, ki se razlikujejo med okoljem.
- Ponuja možnost vzpostavitve Azure Key Vault in shranjevanje vrednosti poverilnih podatkov, kot so povezovalni nizi in API ključi.
- Deluje v sinhroniziranem načinu, ko rešitev že obstaja za vašo lokacijo, da uskladi komponente brez ustvarjanja nove rešitve.
Vi pregledate in odobrite predlog. Vtičnik ne ustvari nobene konfiguracije, dokler ne potrdiš.
Nasvet
Če je vaša rešitev prevelika ali prepletena za zanesljivo uvajanje, vtičnik priporoča razdelitev in predlaga, kje jo razdeliti. Potrdite razdelitev, preden začnejo veljati spremembe.
Uvedba z Power Platform Pipelines
Če ste kot svojo promocijsko strategijo izbrali Power Platform Pipelines, vtičnik izvaja naslednje veščine:
-
/ensure-pipelines-hostzagotavlja ali zaznava gostiteljsko okolje za Power Platform Pipelines. Veščina izbere najcenejšo možnost, ki je na voljo za vašega najemnika: brezplačni platformni gostitelj, aplikacijo Pipelines v obstoječem okolju ali prilagojen gostitelj. -
/setup-pipelinezabeleži definicijo cevovoda v Dataverse, konfigurira izbrane stopnje in vsako fazo poveže s ciljnim okoljem. -
/deploy-pipelinesproži namestitev za fazo, uporabi okoljske spremenljivkedeploymentSettings.jsonza vsako stopnjo preko , in spremlja stanje v knjigi nameščanja.
Če namestitev ne uspe, ker je ciljno okolje že povezano z drugim gostiteljem Power Platform Pipelines, lahko vtičnik zažene /force-link-environment in ga ponovno dodeli. Za to dejanje je potrebna vaša izrecna privolitev in je povratno.
Namestitev z ročnim izvozom in uvozom
Če izberete ročno pot, vtičnik deluje:
-
/export-solutionza izvoz rešitve kot upravljanega ali neupravljanega ZIP-a, s preverjanjem popolnosti pred izvozom. -
/import-solutionza uvoz ZIP-a v ciljno okolje, bodisi najprej za preverjanje odvisnosti ali neposredno.
Aktivirajte in preverite nameščeno lokacijo
Po uspešni namestitvi v ciljnem okolju vtičnik:
- Izvaja se
/activate-siteza zagotavljanje javnega URL-ja v ciljnem okolju. - Izvaja za
/test-sitepreverjanje namestitve. Vtičnik uporablja brskalnik za pregledovanje reprezentativnih strani, izvajanje preverjanj dostopa na podlagi vlog, preverjanje/_api/klicev in zajem oblik odzivov s/_api/serverlogics/končnih točk. Veščina rezultate poroča kotPASS,WARNINGS, aliFAIL, s podatki o posameznem čeku, povezanimi iz načrta.
Če korak ne uspe, vtičnik zažene /diagnose-deployment. Veščina primerja neuspeh s katalogom znanih napak pri namestitvi, kot so zastarel manifest, manjkajoče odvisnosti, konflikti gostiteljev, blokiran JavaScript ali potekla avtentikacija, in predlaga konkretno rešitev. Vtičnik nikoli ne uporabi popravka brez vašega soglasja.
opomba,
Vsaka ALM veščina bere in zapisuje artefakte na disku: manifest rešitve, podatke načrta, dnevnik cevovoda, dnevnik namestitve in rezultate testiranja. Orkestracija je nadaljevalna in pregledljiva. Da vidiš, kaj se je zgodilo na kateremkoli koraku, si oglej artefakte.
Nasveti in najboljše prakse
Naslednji nasveti vam pomagajo, da kar najbolje izkoristite vtičnik in AI programerski agent pri gradnji Power Pages strani.
Pri prvem zagonu spremljajte izhod terminala za manjkajoča orodja
Vtičnik zagotavlja veščine in delovne procese, medtem ko AI agent za kodiranje – GitHub Copilot CLI ali Claude Code – izvaja dejanske ukaze na vašem računalniku. Ko prvič uporabljate ta orodja, pozorno spremljajte izhod terminala. AI programerski agent izvaja ukaze in skripte v ozadju, nekateri od teh ukazov pa so odvisni od orodij, ki morda niso nameščena na vašem računalniku. Če korak ne uspe, izhod terminala običajno pokaže, katerega orodja ali ukaza ni našel.
Če vidiš napako, kot command not found je ali is not recognized, namesti manjkajoče orodje in ponovno zaženi potek dela. AI programer nadaljuje tam, kjer je končal, ko je orodje na voljo.
Pred odobritvijo pregledajte predloge agentov
Agent za kodiranje umetne inteligence predstavi predloge, kot so tisti od Arhitekta podatkovnih modelov in Arhitekta dovoljenj, preden naredi spremembe. Koda in konfiguracija, ki jo generira AI programerski agent, sta lahko netočni, zato pregledajte, testirajte in validirajte vsak predlog in vso generirano kodo, preden jo odobrite ali namestite.
- Predlogi podatkovnih modelov: Preverite, ali imena tabel, vrste stolpcev in odnosi ustrezajo vašim poslovnim zahtevam. Lažje je prilagoditi predlog kot preimenovati stolpce, potem ko so podatki že vstavljeni.
- Permissions proposals: Preverite, ali ima vsaka vloga pravilno raven access (ustvarjanje, branje, posodabljanje, brisanje) za vsako tabelo. Preveč popustljiva dovoljenja za tabele so pogosta varnostna tveganja.
- Generirana koda: Preberite generirano kodo in lokalno testirajte spletno stran pred namestitvijo. Koda, ki jo generira umetna inteligenca, lahko vsebuje napake ali varnostne težave.
Prilepite napake neposredno v kontekst
Ko kaj odpove, naj bo to napaka pri sestavi, neuspeh pri namenu ali izjema med izvajanjem v brskalniku, kopirajte celoten izhod napake. Prilepi ga skupaj s kratkim opisom, kaj si počel. Več konteksta kot poveš, hitrejša je rešitev.
Primer: Napaka gradnje
I ran npm run build and got this error. Fix it.
error TS2339: Property 'jobTitle' does not exist on type 'JobPosting'.
src/components/JobCard.tsx:24:31
24 <Text>{posting.jobTitle}</Text>
Nasvet
Vključite ime datoteke, ukaz, ki ste ga izvedeli, in kaj ste pričakovali, da se bo zgodilo. Vtičnik uporablja ta kontekst za iskanje težave in uporabo ciljno usmerjene rešitve namesto ugibanja.
Deli napake spletnega API-ja s polnim URL-jem zahteve
Pogosta težava po namestitvi je napaka 403 iz Power Pages Web API-ja, kadar stolpec ni omogočen za dostop do API-ja. Ko naletite na to napako, prilepite celoten URL API-ja in celoten JSON odziv na napake. Sporočilo o napaki vam natančno pove, katero tabelo in stolpec je treba popraviti, vtičnik pa lahko za vas posodobi dovoljenje za YAML in nastavitve strani.
Primer: Stolpec ni omogočen za spletni API (403)
I'm getting a 403 error when the documents page loads. Here's the API call and the response. Fix the issue so this API works.
URL:
https://my-site.powerappsportals.com/_api/crd50_documents?$select=crd50_documentid,crd50_name,crd50_documentcategory,crd50_filetype,crd50_filesize,crd50_updateddate,crd50_description,_crd50_propertyid_value
Response:
{
"error": {
"code": "90040101",
"message": "Attribute _crd50_propertyid_value in table crd50_document is not enabled for Web Api.",
"innererror": {
"code": "90040101",
"message": "Attribute _crd50_propertyid_value in table crd50_document is not enabled for Web Api.",
"type": "AttributePermissionIsMissing"
}
}
}
Ta napaka (AttributePermissionIsMissing) pomeni, da stolpec _crd50_propertyid_value za iskanje obstaja v tabeli Dataverse, vendar ni naveden v konfiguraciji dovoljenj tabele za spletni API. Vtičnik to napako odpravi tako, da manjkajoči stolpec doda v YAML dovoljenje tabele in .powerpages-site/table-permissions/ ga ponovno namesti.
opomba,
Power Pages Web API zahteva, da je vsak stolpec, vrnjen z API klicem, izrecno naveden v dovoljenju tabele.
Lastnosti iskanja (s predpono in _ pripono ) _valueje lahko spregledati, ker se njihovo API ime razlikuje od logičnega imena stolpca v Dataverse. Ko vidiš AttributePermissionIsMissing, vedno dodaj ta stolpec v dovoljenje tabele. Ne spreminjaj poizvedbe za API.
Bodi natančen glede tega, kaj želiš
Nejasne zahteve prinašajo nejasne rezultate. Vtičniku natančno povejte, kaj potrebujete, vključno z nastavitvami postavitve, podatkovnimi polji in vedenjem.
| Namesto | Preskusite |
|---|---|
| "Naredi stran za delovna mesta" | "Ustvarite stran z oglasi delovnih mest z iskalno vrstico na vrhu, filtrirajte čipe za lokacijo in oddelek ter mrežo kartic, ki prikazuje naziv, podjetje, plačni razpon in datum objave za vsako delovno mesto" |
| "Popravi oblikovanje" | "Delovne kartice se zlagajo navpično na namizju. Naj se prikazujejo v mreži s tremi stolpci z razmikom 16px na zaslonih, širših od 768px." |
| "Dodaj nekaj podatkov" | "Dodajte 20 vzorčnih razpisov delovnih mest v štirih oddelkih (inženiring, marketing, prodaja, kadrovske zadeve) z realnimi nazivi, plačnimi razponi med 60.000 in 180.000 dolarji ter objavljenimi datumi v zadnjih 30 dneh" |
| "Nastavi API" | "Poveži komponento JobListings z tabelo cr_jobposting Dataverse. Zamenjajte trdo kodirano polje z resničnim API klicem, ki pridobi naziv, oddelek, plačo in datum objave." |
| "Dodaj prijavo" | "Nastavite prijavo v Zunanja identiteta Microsoft Entra z odprto registracijo, poleg tega pa Google kot drugega ponudnika. Prikaži jih kot vodoravno vrstico na strani za prijavo." |
Uporabite posnetke zaslona za vizualne težave
Ko stran v brskalniku ne izgleda pravilno, naredite posnetek zaslona in ga prilepite neposredno v pogovor ali vnesite pot do datoteke. Vizualni kontekst pomaga prepoznati težave s postavitvijo, razmikom in stiliziranjem, ki jih je težko opisati v besedilu.
The header overlaps the hero section on mobile. Here's a screenshot:
[paste screenshot or provide path to screenshot file]
Fix the header so it doesn't overlap. It should be a fixed header with the content starting below it.
Iteracija v majhnih korakih
Namesto da opisujete celotno stran v enem izzivu, gradite postopoma. Začnite s strukturo in postavitvijo, nato dodajte značilnosti eno za drugo. Ta pristop vam omogoča, da na vsakem koraku ponovno pregledate in popravite smer.
Step 1: /create-site → Get the basic scaffold and layout right
Step 2: "Add a hero section to the home page with a search bar"
Step 3: "Add a job listings page with filter and sort"
Step 4: "Add a job detail page that shows full description"
Step 5: /setup-datamodel → Create tables now that you know the data shape
Step 6: /integrate-webapi → Wire up real data
Nasvet
Po vsakem koraku preverite predogled brskalnika. Če nekaj ni v redu, to popravite, preden greste naprej. Lažje je odpraviti težave v eni komponenti kot pa razpletati težave po celotni strani.
Pred odobritvijo zahtevajte pojasnilo
Če niste prepričani glede predlagane spremembe, zlasti glede dovoljenj, sprememb podatkovnega modela ali nastavitve avtentikacije, vtičnik prosite, naj pojasni, kaj namerava to do in zakaj, preden odobri.
Before you create the table permissions, explain what access each role will have and why. I want to understand the security implications.
Samostojno izvajanje veščin za okrevanje po težavah
Če veščina odpove na pol poti, ni treba začeti znova. Vsaka veščina deluje neodvisno in lahko nadaljuje tam, kjer je končala. Na primer, če /integrate-webapi ne uspe na tretji tabeli, jo lahko ponovno zaženete in zazna že opravljeno delo.
/integrate-webapi failed while processing the cr_applications table. Here's the error: [paste error]. Resume the integration from where it stopped.
Sorodna vsebina
- Ustvarite in namestite enostransko aplikacijo v Power Pages
- Konfiguriraj avtentikacijo za Power Pages spletno stran
- Pregled strežniške logike
- Power Pages Web API reference
- Pregled API-ja za povzetek podatkov
- Power Pages iskanje z generativno AI
- PAC CLI strani ukazov
- GitHub Copilot CLI
- Claudeova koda